/*by Aviv Levin (www.avivlevin.com)*/
/*
colors:
tan: #E0BDBC
rosy brown: #C39782
dim gray: #403B37
white smoke: #EDEEEC
gray: #94948D
light steel blue: #EDF2F4
dark gray: #2C3B43
white: #fefefe;

*/
@import url('https://fonts.googleapis.com/css?family=Arimo');
body {
	background-color: white;
	color: black;
	font-family: 'Arimo', sans-serif;
}
a.intext-link {
	color: black;
	display: inline;
	border-bottom: 1px solid #C39782;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Arimo', sans-serif;
}

.btn {
	font-family: 'Arimo', sans-serif;
	}

#mainNav, #mainNav.navbar-shrink {
	font-family: 'Arimo', sans-serif;
	background-color: #fefefe;
	color: black;
	border-bottom: 1.5px solid #C39782;
}

#mainNav a, #mainNav.navbar-shrink a {
	color: black;
}

#mainNav .nav-link.active:hover {
          color: black; 
}

#mainNav .nav-link.active {
	font-weight: bold;
}


#mainNav .nav-link{
	border-bottom: 1.5px solid #fefefe;
}
#mainNav .nav-link:hover {
	border-bottom: 1.5px solid #C39782;
	}

.masthead {
	background: #fff;
	/*background: url("../img/mag4.png") no-repeat left top scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
    */ background-size: cover;
	/*background: #EDF2F4;*/
	color: #2C3B43;
	padding-top: 55px;
	padding-bottom: 0px;
	height: auto !important;
	max-height: 100%;
}

.hide-mobile {
	display: none;
}

.masthead .intro-body {
	vertical-align: top;
}

.masthead .fleximage {
	width:100%;
	height: auto;
}

.masthead h1, .masthead h2, .masthead .quote {
	background-color: rgba(255,255,255,0.5);
	display: inline-block;
}

.masthead .pos-rel {
	padding-top: 20%;
}



.bold {
	font-weight: bold;
}

.about-section {
	background-color: #fcfcfc;
}
.experience1-section {
	background-color: #ffffff;
}

.experience2-section {
	background-color: #fcfcfc;
}

.pos-rel {
	position:relative;
}

/*.pos-abs-center {
	position: absolute;
    bottom: 1em;
    left: 0;
    right: 0;
}*/

.intro-text {
	text-align: end;
}

.brand-heading {
	border-bottom: 1.5px solid #C39782;
	text-align: right;
}

.content-section {
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: justify;
	text-justify: inter-word;
}

.content-section h2 {
	border-bottom: 1.5px solid #C39782;
	display: inline-block;
	text-align: right;
}

.content-section h2:after {
	content: " ";
	width: 0.5em;
	display:inline-block;
	}

.navbar-brand { 
		border-bottom: 1.5px solid #C39782;
		padding-bottom: 0;
}

.nav-link { 
		padding-bottom: 0;
}

.btn-circle {
	color: #C39782;
	border-color: #C39782;
}

.btn-default {
	color: #C39782;
	border:0;
	border-bottom:2px solid transparent;
}

.btn-default:focus, .btn-default:hover {
    color: black;
    border:0;
    border-bottom: 1.5px solid #C39782;
    outline: none;
    background-color: transparent; }

.btn-circle:hover {
	color: black;
	border-color: black;
}

.img-portrait {
	    float: right;
    	width: 200px;
    	margin: 0 0 0.5em 1em;
}

#contact {
	padding: 2em 0;
	background-color: white;
}


.about-section {
	/*background: url("../img/bg2-op30.jpg") no-repeat center center fixed;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
 }


 .certification-section {
	/*background: url("../img/bg4-op30.jpg") no-repeat center center fixed;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
 }

 .experience2-section {
 	/*background: url("../img/bg5-op30.jpg") no-repeat center center fixed;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
 }
 .divider-section {
 	display: block;
 	height: 0.5em;
 	background-color: #EDF2F4;
 }

 .quote {
 	font-size: 22px;
 	display: inline-block;
 	position: relative;
 }

 .quote-by {
 		font-size: 18px;
 		position: absolute;
 		left:0;
 }

 #mainNav .navbar-toggler {
 	color: black;
 	border-color: black;
 }

.dropdown-item.active,
 .dropdown-item:active {
 	background-color:white;
 }

 .groups-item {
 	margin-bottom: 1.6em;
 }

 .groups-item .title {
 	font-weight: bold;
 	margin-bottom: 1em;
 	text-align: right;
 }

 
.groups-data {
 	display: table;
 	margin-bottom:  1em;
 }

 .groups-row {
 	display: table-row;
 }

 .groups-item .groups-label {
 	display: table-cell;
 	font-weight: bold;
 	width: 8em;
 }

 .groups-item .groups-desc {
 	display: table-cell;
 }

#exp1 .title {
	font-weight: bold;
	text-align: right;
}

#exp2 .title {
	font-weight: bold;
	text-align: right;
}

.year {
	float: left;
}

.year:before {
	content: '| '; /* "• "; */
  color: #C39782; /* or whatever color you prefer */
	}

ul.decorated {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: right;
}

ul.decorated li {
  padding-right: 1em; 
  text-indent: -.7em;
  text-align: right;
}

ul.decorated li::before {
  content: '| '; /* "• "; */
  color: #C39782; /* or whatever color you prefer */
  text-align: right;
  
}

.center-parent {
	display: block;
	width:100%;
	text-align: center;
}

/*@media (max-width: 767px) {
	.masthead {
		padding-top: 50px;
	}	
}*/

@media (min-width: 992px) {
	.masthead {
		padding-top: 78px;
		padding-bottom: 0px;
	}		

	
}

@media (min-width: 768px) {
	.hide-mobile {
		display: block;
	}
}