/*
Theme Name: MPA Style
Template:     Divi
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* 
Page background overrides
-------------------------------------------------------------- */
/* colours:

	Navy Blue: #00375E
	
	Turquoise: #008B95
	Turquoise 40%: #99D1D5
	Turquoise 20%: #CCE8EA
	
	Mid Blue: #0073CF
	Mid Blue 40%: #99C7EC
	Mid Blue 20%: #CCE3F5
	
	Grey: #394A5B
	Grey 70%: #74808C
	Grey 30%: #C3C8CD
	Grey 15%: #E1E4E7

	BlueGrey: #96AEBA

	Green: #207135
	Light: #D2E2D6
	
	Burgundy: #981E32
	Burgundy Light: #EAD2D6

	Orange Official: #FFB612
	Orange Darker: #F47B20
	Orange Light 30%: #F0D3BA

	Red: #b20637
*/

/* Type */

body, h1, h2, h3, h4, h5, h6 {font-family: "myriad-pro", Arial, Helvetica, sans-serif!important; line-height:1.4em!important; }
	.et_pb_text h2, .et_pb_text h3  {margin: 24px 0 8px 0;}
		.et_pb_text h2:first-of-type, .et_pb_text h3:first-of-type {margin: 0 0 8px 0!important;}
sup, sub {font-size: 0.7em}

.et_pb_text p:first-of-type, h2 + p, h3 + p  {font-size: 1.2em;}
.et_pb_text p {padding-bottom: 0.8em!important;}
.et_pb_text ul { line-height: 20px; padding-bottom: 1em!important; list-style-type: square!important;}
.et_pb_text li {  padding-bottom: 0.4em!important;}
.et_pb_testimonial {margin-top:30px}
.et_pb_testimonial_description_inner p {padding-bottom: 0.5em;}
.et_pb_testimonial_author {margin-top:0}

.et_pb_toggle_open h5.et_pb_toggle_title {color: #00375e; font-weight: 500; font-size: 26px;}

blockquote {margin: 20px 0 30px 0!important; padding: 15px 20px 20px!important; border-left: 16px solid #00375e; display:block; background: #f7f7f7; position: relative; font-style: italic; font-size: 1.1em!important; font-weight: 500; line-height: 1.2; color: #394a5b;!important;  text-align: justify; width: 100%; 
-moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2)!important; 
-webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2)!important; 
box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);}
	blockquote p:first-of-type {font-size: 1em!important;}
	blockquote p:last-of-type {padding-bottom: 0em !important;}

/* Navigation */

.et_header_style_centered #main-header .logo_container {margin-top: 10px;}
	.et_header_style_centered header#main-header.et-fixed-header .logo_container {height: 0px;}

.nav-mpa-logo {display:block; float:right; margin-top: 10px; }
.nav-mpa-logo img#logo {max-height: 70px!important;}
	.et-fixed-header .nav-mpa-logo img#logo {max-height: 0px!important;}

#top-header.et-fixed-header {display:none}
header#main-header.et-fixed-header {top: 0px!important; /*height: 58px;*/}

.et_header_style_centered #main-header .container {text-align: left;}
.et_header_style_centered #main-header div#et-top-navigation {text-align: center; padding: 5px 0;}

#top-menu li li a ,.et-fixed-header #top-menu li li a {color:#FFF!important;}

#et-secondary-nav li li {padding:0!important;}
	#et-secondary-nav li li:first-of-type {border-bottom: 1px solid rgba(255, 255, 255, 1); background: #008B95}
#et-secondary-nav li ul {padding: 0.5em 0;}
#et-secondary-nav li {font-size: 1.2em!important;}
#et-secondary-nav li > ul {min-width:400px!important; font-weight: 400;}
#et-secondary-menu > ul > li a {color:#96aeba}

#et-secondary-nav li ul li a {color:#fff}

#et-secondary-nav li li a {font-size: 0.8em!important; line-height: 1.8em; padding:0 1em!important;}
	#et-secondary-nav ul li a:hover {background-color: #96aeba /*rgba(0, 0, 0, 0.1)*/;}
#et-secondary-nav li ul li span {/*display: block;*/ font-weight: 800;  }

	.mpa-family-first {font-size: 1.15em!important; margin-top: -7px; padding-top: 3px; padding-bottom: 6px}

#top-header #et-info:before {content: "Cementitious Slag Makers Association"; padding-right:20px; font-weight: 800;} 
.et-social-google-plus a.icon:before {content: "\e0a3";}

input.et-search-field {font-size: 14px; border: #00375E solid 1px; border-radius: 0 6px 6px; height: 40px; background: #f7f7f7}
	.et-fixed-header input.et-search-field {top: 0%;}


.nav li ul {padding: 6px 0;}
#top-menu li li {padding:0;}

.nav ul li a:hover, .et_mobile_menu li a:hover {background-color:#0073CF}
#top-menu li li a {padding:0 14px; width:240px!important; } 
#top-menu li li a:hover {opacity: 1;}

.widget_nav_menu .current-menu-item {display:none}
.widget_nav_menu ul {list-style-type: square!important; padding: 0 16px!important;}
.widget_nav_menu, .widget_nav_menu ul li {margin-bottom: 0.1em!important;}


/* Footer */

#footer-widgets {padding:1% 0}
	.et_pb_gutters2 .footer-widget {margin: 0 3% 0% 0;}

#footer-info {line-height: 1.4em;}
	#footer-info a {text-decoration: underline;}

.bottom-nav {padding: 15px 0 0;}
.bottom-nav a {color: #00375E; font-weight: 400; font-size:12px; text-decoration: underline;}
	.bottom-nav li.current-menu-item > a {color: #0073CF}

#et-footer-nav {background-color:#FFF}

div#text-2.fwidget.et_pb_widget.widget_text {width: 100%}

.footer-boiler {font-size:18px; color:#00375E; font-weight: 600; }
	.footer-boiler span {color:#FFF;}
.footer-boiler-link {float:right; font-size: 12px; color:#FFF;}
	.footer-boiler-link a {text-decoration: underline; color:#FFF; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
	.footer-boiler-link a:hover {color:#00375E;}

/* Breadcrumb */
h2.trail-browse {display:none!important;}
ul.trail-items:before {content: "You are in: "; font-weight:600; margin-right: 8px;}

/* Tablepress */

h2.tablepress-table-name {font-size: 20px; font-weight: 600; margin: 10px 0;}
.tablepress tfoot th, .tablepress ahead th {background-color: rgba(0, 139, 149, 0.2);}
.entry-content tr th, .entry-content head th {color: #00375e!important;}

/* Misc */
body {line-height: 1.5em!important;}
.et_pb_gutters2 .et_pb_row.et_pb_row_fullwidth {width:100%!important; max-width:100%!important;}
.et_pb_fullwidth_header {padding:0;}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container {width:100%}
.et_pb_blurb_content {min-height: 280px !important;}
.et_pb_main_blurb_image {margin-bottom: 0px;}
	.et_pb_main_blurb_image img {border-radius: 0 14px 0 0;}
	.et_pb_blurb_container {padding:14px}
	.et_pb_blurb h4 {text-transform: uppercase; padding-bottom: 10px; font-weight: 600;}
		.et_pb_blurb h4 a:hover {color:rgba(255, 255, 255, 0.5); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;text-decoration: underline;}
	.et_pb_main_blurb_image {height: 120px !important; overflow: hidden !important; }
	html body .et_pb_main_blurb_image img {display: inline-block; min-width:100%; max-width:100%;}


.et_pb_fullwidth_header_container p {font-size:22px}
	.et_pb_fullwidth_header_container p a {text-decoration: underline; font-weight: 700; color:#00375e}
	.et_pb_fullwidth_header_container p a:hover {color:#0073cf; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

.et_pb_section {padding: 0.5% 0!important;}

/*#main-content {margin-top:-30px}*/

div.et_pb_module.et_pb_map_container.et_pb_fullwidth_map_0 {margin-top:-30px}

.mpa-full-header-block {padding: 0!important; /*margin-top: 0px;*/ margin-top:-22px; }
.mpa-header-block h1 {font-size: 3em; font-weight: 700; padding: 110px 0 10px 0;}
.mpa-header-block h2 {font-size: 1.4em; font-weight: 500; line-height: 1em; padding-bottom:0!important;}
.mpa-header-block h3 {font-size: 13px; font-weight: 500; line-height: 0.8em; margin:0!important; padding-bottom:10px!important;}
.mpa-curved-box {border-radius: 0 14px 14px;}
.mpa-side-block-top {border-radius: 0 14px 0 0; min-height: 20px; background: #00375E; margin-bottom: 0!important; border-top-color: transparent; border-top-width: 0px; display: block;}
.mpa-side-block-bottom {border-radius: 0 0 14px 14px; background-color: rgba(0, 139, 149, 0.2); padding: 16px;}
.mpa-breadcrumb {background: #00375E; color: #FFF; font-size: 0.9rem; padding: 3px 16px; margin-bottom: 0!important;}
	.mpa-breadcrumb a {color: #99D1D5; text-decoration:underline; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
	.mpa-breadcrumb a:hover {color: #FFF; text-decoration:underline;}

/* Animated Bar counters - Concrete page */
.page-id-215 .et_pb_counter_container {overflow: visible!important; clear:both!important;}
.page-id-215 .et_pb_counter_title {clear:both!important;}
.page-id-215 .et_pb_counter_container.et-animated {min-height: 2.4em;}
.page-id-215 .et_pb_counters {width:90%!important;}

@media only screen and (max-width: 1280px) {
	#top-menu li {padding-right: 16px!important;}
	#et_top_search {margin: 3px 0 0 12px}
}


/* Media */
@media only screen and (max-width: 1120px) {
	#top-menu li {padding-right: 8px!important;}
	#et_top_search {margin: 3px 0 0 0px}
	.et_pb_blurb_content {line-height:1.3em}
		.et_pb_main_blurb_image {height: 100px !important; overflow: hidden !important; }
	.mpa-full-header-block {margin-top: -50px; padding: 0!important;}
	.mpa-header-block h1 {font-size: 3em; font-weight: 700; padding: 40px 0 10px 0;}
	.mpa-header-block h2 {padding-right: 80px; width: 90%;}
	.mpa-header-block h3 {font-size: 16px; line-height:1em; width: 70%;}
}

@media only screen and (max-width: 980px) {
	.et_pb_row {padding:0 0 30px}
	.et_pb_column {margin-bottom: 20px;}
	.nav-mpa-logo {margin-top: 0px;}
	.nav-mpa-logo img#logo {max-height: 62%;}
	.menu-family {display:none;}
	.et_pb_blurb_content {min-height: 230px !important;}
	.mpa-header-block {text-align: center;}
	.footer-widget:nth-child(n) {width: 100% !important;}
	.footer-boiler-link {display:none}
	.mpa-header-block {display:none}
	.mpa-header-block h1 {font-size: 3em; font-weight: 700; padding: 10px 0 10px 0;}
	.mpa-header-block h2 {padding-right: 0px}
	.map-full-width-header {margin-bottom: 20px!important;}
	div.et_pb_section.mpa-full-header-block.et_pb_section_1.et_pb_with_background.et_section_regular.et_pb_section_sticky {display:none}
	div.et_pb_row.et_pb_row_1.et_pb_equal_columns.et_pb_row_4col {padding-top:20px}
}

@media only screen and (max-width: 680px) {
	
	#top-header #et-info:before {display:block; padding: 6px 0;}
	.et_pb_blurb_content {min-height: 290px !important;}
}