/* Theme customization starts here
-------------------------------------------------------------- */
/************************************************************* 
1. Universal Styles (typography, etc.) 
2. Header and Nav Styles
3. Sidebar
4. Main Body Content
5. Events
6. Footer Content
7. Media Queries
*************************************************************/
  /******COLOR GUIDE:
	  # Bluestone (MP Blue)(Links/icons): R:53 G:99 B:135 #356387
	  # Fern (MP Green) (buttons): R:120 G:162 B:47 #78a22f
      # Medium blue (Link hover): R:34 G:117 B:172 #2275ac
      # Dark Dark Gray (headings): R:51 G:51 B:51 #333333
      # Gray (body text) R:72 G:72 B:74 #48484a
	  *************************/
     
/********************************** 
*********************************** 
       1. Universal Styles 
*********************************** 
**********************************/
a:hover{
	text-decoration:none;
	}
.button {
  font-size: 35px
}
a.button .button_icon {
 background:none;
 }
a.button.button_green, a.tp-button.green {
  background-color:#ff554d;
  } 
a.button .button_icon i{
  color:#fff;
  }
  .list_item.lists_1 .list_left.no-icon{
    background-color:transparent;
    background-image:none;
    box-shadow:none;
    width:auto;
    }
.list_left.list_icon a{
  color:#1a1a1a; 
  }
.hover{
 color:#1a1a1a !important;  
 }
.icon_box .icon_wrapper, .icon_box a .icon_wrapper, .style-simple .icon_box:hover .icon_wrapper {
  color:#1a1a1a;
  }
.bold{
 font-weight:700; 
 }
.right{text-align:right;}
.left{text-align:left;}
span.button_label{
  font-size:1.200em;  /* 18px/15px */
  }
.plan-footer a span.button_label{
  padding:15px 20px; 
  }
.plan-footer.note{
  padding:20px; 
  }
.inline{
  display:inline-block!important;
  }
li.authors{
  display:none;
  }
.hide{
 display:none; 
 }
.block--highlight{
 color: #777;
 text-transform: uppercase;
 }
.disabledd{
 cursor: not-allowed;
 opacity: .75;
 }
/**SEARCH FIELD**/
.search_wrapper input[type="text"] {
	color: black !important;
}
#searchform {
    border: 1px solid #B7D8EB;
}
#searchform i {
	color: black !important;
}
.search-results .post-meta {
	display: none !important;
	}
.h1.title{   
 font-size: 30px;
 line-height: 25px;
 font-weight: 400;
 letter-spacing: 0px;
 }
.column_column ul{list-style:disc;}
.center{text-align:center;}
.list-item--para{color:#48484a;}

/********************************** 
*********************************** 
       2. Header and Nav Styles 
*********************************** 
**********************************/
#Header #Action_bar .contact_details li i{
   font-size:1.333em; /* 20px/15px */
   }
#Action_bar ul.contact_details li.phone{
  white-space:nowrap;
  }
#Action_bar ul.contact_details li.phone a, li.phone a{
  cursor:text;
  }
#Action_bar ul.contact_details li.phone i.icon-phone:before{
  content:'\e827';
  }
  #Action_bar ul.contact_details li.phone+li.phone i.icon-phone:before{
    content:'\e843';
    }
#Top_bar .menu > li > a span:not(.description) {
  padding:0 15px;	
  }
#Top_bar .search_wrapper input[type="text"] {
 color:#888; 
 }
#Top_bar a#search_button {
 margin-right:-15px; 
 }
#Subheader:after{background:none;}
#Top_bar .menu li ul li {
 width:300px; 
 }
#wnb-bar {
 top: 3px !important;
}
.header-title{
 font-size: 30px;
 line-height: 40px;
 font-weight: 400;
 letter-spacing: 0px; 
 font-family: "Open Sans", Arial, Tahoma, sans-serif;
 color:#1a1a1a;
 padding: 15px 0;
 margin-bottom:0;
}
/********************************** 
*********************************** 
       3. Sidebar 
*********************************** 
**********************************/

/********************************** 
*********************************** 
       4. Main Body Content 
*********************************** 
**********************************/
/**HOME**/
.practice-test-icon .list_left.list_icon{
  color:#1a1a1a;
  }
ul.practice-test-info{
  line-height:24px;
  }
ul.practice-test-info li{list-style:none;}
  ul.practice-test-info a{
    color:#1a1a1a;
    }
    ul.practice-test-info a:hover{
      color:#1a1a1a;
       }
.block--border .column_attr{
    background-color: #f5f5f5;
    border: 1px solid rgba(0,0,0,.08);
  }

/**FORMS**/
.block-span-icon{ 
 font-size:20px;
 padding-right:8px;
 }
a.mfn-link {
  color:#ff554d !important;
  margin: 8px 17px 11px 20px;
}
a.mfn-link-3{padding:0;}
a.mfn-link-3:after{background:rgba(26,26,26,0.3) !important; }

/**TRAINING MODULES**/
.training-webex .idea_box .icon{
  top:40%;
  font-size:40px;
  }
.training-webex .idea_box .icon .icon-lamp:before{
  content:'\e83f'; /*icon attention*/
  font-size:40px;
  }
#webex-downloads{
  background-color:rgba(0,0,0,.02);
  padding-left:68px;
  padding-bottom:20px;
  }
  #webex-downloads div{
   display:table;
   margin:0 auto;
    }
 #training-modules .plan-header p.subtitle{
 padding-left:15px;
 padding-right:15px;
 }
#reporting-training-pdf .desc{
  font-size:1.067em; /* 16px/15px */
  padding-right:16px;
  }

/*SITE MAP*/
.page-list .page_item{
 }
/*SIGN UP FORM*/
table.pdb-signup, .pdb-thanks.signup-thanks{
 margin-bottom:70px; 
 }

/*Videos Insert/Embed Plugin*/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.photo_box .desc.player{
  transition: .5s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  z-index:20;
}
.photo_box .image_frame .image_wrapper .mask:after {
    background: rgba(53,99,135,.4);
}
/** TABS **/ 
.ui-tabs .ui-tabs-nav{
 background: none;
 background-color: #B7D8EB;
	 }
.ui-tabs .ui-tabs-nav li.ui-state-active a {
 background-color: #B7D8EB;
	}
.ui-tabs .ui-tabs-nav li a{
 font-size: 20px;
 font-weight: 400;
 font-family: "Open Sans";
 }
.tabs_horizontal .tab--highlight, .tabs_vertical .tab--highlight {
 	background-color:#B7D8EB;
	 border-radius:2px; 
	 }
.tabs_horizontal .list_left.list_icon, .tabs_vertical .list_left.list_icon{
 line-height: 70px;
 font-size: 45px;
 }
.tabs_horizontal .list_item .list_right, .tabs_vertical .list_item .list_right {
 margin-left:85px; 
 }
ul#tabs li a.selected {
    z-index:1;
}
/** Panels **/
.accordion{
 background-color: #B7D8EB;
}  
.mfn-acc accordion_wrapper .mfn-acc_question .mfn-acc_title .mfn-acc_answer{
	background-color: #B7D8EB;
}

.header-simple .tr-menu{
	color: #FFFFFF;
} 
/** Border **/
.border{
	border-radius: 2px 2px 4px 4px;
	border: 1px solid #B7D8EB;
} 
.border-title{
	border-radius: 1px;
	border: 1px solid #B7D8EB;
} 
.border-content{
	border-radius: 2px 2px 4px 4px;
	border: 1px solid #B7D8EB;
} 
.border-right{
	border-right: 1px solid #B7D8EB;
}
.border-left{
	border-left: 1px solid #B7D8EB;
} 
table, th, td {
    border-collapse:collapse;
	border-style : hidden!important;
	border-top: none !important;
}
th {
	border-collapse:collapse;
}
tr {
	border-style : hidden!important;
}
td {
 border-style : hidden!important;
	border-top: none !important;
}

/********************************** 
*********************************** 
       6. Footer Content 
*********************************** 
**********************************/
#Footer .footer_action{
  background:none;
  color:#fff;
  }
#Footer .footer_copy{
  background:rgba(0,0,0,.05);
  }
#Footer .footer_copy .copyright{
 font-size:85%; 
 }
#Footer .widgets_wrapper{
  font-size:1.067em;  /* 16px/15px */
  }
#Footer ul li{
  line-height:25px; 
  }
#Footer .widgets_wrapper .widget {
  padding:12px; 
  }
.footer-logo{
 vertical-align:middle;
 display:inline-block;
 margin-left:11px;
 }
.footer-logo img{
 max-width:55%; 
 }

/********************************** 
*********************************** 
       7. Media Queries 
*********************************** 
**********************************/
@media only screen and (max-width:479px){
  #Action_bar .contact_details li{
   display:block; 
  }
  #Action_bar .contact_details li i{
   display:none; 
  }
  #Footer ul li span.icon{
   display:none; 
  }
  div.list_right div.desc {
   display:none; 
  }
.h1.title, .header-title{
    font-size: 18px;
    line-height: 19px;
  }
.minimalist-header-no #Subheader {
    padding: 25px 0!important;
  }  
}

@media only screen and (min-width:480px) and (max-width:640px){
#Action_bar .contact_details li{
  display:block; 
  }
#Action_bar .contact_details li i{
  display:none; 
  }
#Footer ul li span.icon{
  display:none; 
  }
div.list_right div.desc {
  display:none; 
  }
  .h1.title, .header-title{
   font-size: 23px;
   line-height: 19px;
  }
.minimalist-header-no #Subheader {
    padding: 25px 0!important;
  }
}
@media only screen and (min-width:641px) and (max-width:767px){
.h1.title, .header-title{
   font-size: 23px;
   line-height: 19px;
  }
.minimalist-header-no #Subheader {
    padding: 25px 0!important;
  }
}
@media only screen and (min-width: 767px){
.tabs_vertical.ui-tabs .ui-tabs-nav{background-image:none;background-color:#f8d270;} 
.tabs_vertical.ui-tabs .ui-tabs-nav li a{background-image:none;} 
  /*base.css line 75 interfering with Wistia player speed controls in Chrome and Safari--Fix so buttons can be selected*/
  .w-accordion .w-accordion__item button:after{content:none;}
}
@media only screen and (min-width:768px) and (max-width:959px){
#Top_bar a#search_button {
  margin-right:11px; 
  } 
#module3{
  margin-bottom:95px;
  }
.h1.title, .header-title{font-size:26px;} 
#testing-materials-periodic-table .section_wrapper{max-width:708px !important;} 
.ui-tabs .ui-tabs-nav li.ui-state-active a{color:#B7D8EB !important;}
.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a {background-image:none;}  
}

@media only screen and (min-width:960px) and (max-width:1239px){
#Top_bar a#search_button {
  margin-right:11px; 
  }  
#module3{
  margin-bottom:95px;
  }
#testing-materials-periodic-table .section_wrapper{max-width:940px !important;}
}

@media only screen and (min-width:1240px) and (max-width:1489px){
  
}

@media only screen and (max-width:767px){
span.sm-hide{
  display:none; 
  }
#Top_bar a#search_button {
  margin-right:11px; 
  }  
#training-presentations span.button_icon{
  display:none; 
  }
#testing-materials-periodic-table .section_wrapper{
  max-width:700px !important;
  padding-left:33px !important;}  
}


@media only screen and (max-width:959px){
  .pipe{display:none;}
}


@media only screen and (min-width:960px){
.ui-tabs .ui-tabs-nav li.ui-state-active a{color:#000000 !important;}
}

@media only screen and (max-width:1239px){
 #Top_bar #menu ul li.submenu .menu-toggle {
    background: url(../wp-content/themes/betheme-child/images/menu-plus.png) center no-repeat;
  }
}

@media only screen and (min-width:1240px){
#Top_bar.is-sticky #logo img.logo-sticky {
position: absolute;
  left:-80px; 
  }
.header-title{margin-left:15px;}
#testing-materials-periodic-table .section_wrapper{max-width:1220px !important;}
.sticky-white #Top_bar.is-sticky, .sticky-white #Top_bar.is-sticky #menu {
    background:#ebebeb !important; 
	}
.menu-highlight #Top_bar.is-sticky #menu > ul > li.current-menu-item > a, .menu-highlight #Top_bar.is-sticky #menu > ul > li.current_page_item > a, .menu-highlight #Top_bar.is-sticky #menu > ul > li.current-menu-parent > a, .menu-highlight #Top_bar.is-sticky #menu > ul > li.current-page-parent > a, .menu-highlight #Top_bar.is-sticky #menu > ul > li.current-menu-ancestor > a, .menu-highlight #Top_bar.is-sticky #menu > ul > li.current-page-ancestor > a, .menu-highlight #Top_bar.is-sticky #menu > ul > li.current_page_ancestor > a, .menu-highlight #Top_bar.is-sticky #menu > ul > li.hover > a {
    color:#fff;
  }
  .box-height-lg{height:368px;}  
}