/*
Theme Name: cof-2017
Description: child theme of Vantage
Author: Paul Bonish
Template: vantage
*/

#secondary .widget .widget-title, #footer-widgets .widget .widget-title, #masthead-widgets .widget .widget-title {
  font-size: 20px;
  color:  #005581!important;
}

.flex-next {
  background-position-x: right!important;
}

.flexslider {
  /*background: #919195!important;*/
}


.initiatives-sidebar .metaslider-flex {
  width: 86%!important;
}


.wpml-ls-native {
  display: block;
  width: 124px;
  text-align: center;
  margin-top: 4px!important;
  padding: 4px 0px 4px 0px;
  background-color: #7f0007;
  /*color: #7f0007!important;
  text-transform: lowercase;*/
}

a {
  word-wrap: break-word;
}

a.anchor, a.anchorf {
    display: block;
    position: relative;
    top: -230px;
    visibility: hidden;
}

a.anchorf {
  top: -200px;
}

#hide-button {
  display: none;
}

.entry-content h1 {
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0px;
  line-height: 34px;
}

.entry-content h4 {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 16px;
  color: #005581!important;
  padding-bottom: 10px;
  margin-bottom: 20px;  
  border-bottom: 2px solid #7f0007;
}

.entry-content p {
  margin-top: 10px;
}

#thegoog { 
  margin-top: 10px;
  transform: scale(.83); transform-origin: 0 0; 
}
  
/*------------------------ mobile search ----------------------*/

.mobile-search:before {
    content: "\e604";
    position: absolute;
    display: block;
    width: 17px;
    height: 17px;
    font-size: 17px;
    right: 20px;
    margin-top: 18px;
    color: #d1d1d1;
    font-family: 'vantage-icons';
}


.mobile-search input[type=text] {
  border: none;
  padding-left: 26px;
  background-color: #fff;
  border-radius: 0px;
  font-size: 16px;
  width: 100%;
  height: 50px;
}

/*--------------------------------- search results -------------------------------*/

.search #secondary {
  display: none !important;
}

.search #primary {
  width: 100% !important;
}

#page-title {
  line-height: 28px!important;
}

.search-loop article {
  margin: 0px;
  margin-bottom: 10px!important;
  padding-bottom: 10px!important;
  border-bottom: solid 1px #ddd!important;
}

.search-loop article .entry-thumbnail {
  width: 30px!important;
  float: left;
}

.search-loop article .entry-header {
  margin-bottom: 10px;
}

.search-loop article .entry-title {
  font-size: 18px!important;
}

.search-loop article .entry-summary {
  font-size: 14px!important;
  margin-bottom: 10px;
}

.search-loop .entry-meta {
  font-weight: bold;
}

.search-loop article .entry-title a {
  color: #005581!important;
}

.search-loop article .entry-title a:hover {
  color: #7f0007!important;
}

.search-loop article .entry-main {
  display: block;
  float: none!important;
  margin-left: 100px!important;
}


/*------------------------------------------------------------ adjust overall column widths ---------------------------*/
@media (min-width: 960px){
  .page-template-default #primary, #primary, .woocommerce-page #container { width: 63%; }
  #secondary { width: 34%; }
}

/* Allow for full width templates to continue working */
.page-template-home-panels #primary, .page-layout-no-sidebar #primary, .page-layout-full-width #primary {
  width:  100% !important;
}

body.responsive.layout-full #page-wrapper .full-container {
  max-width: 1200px;
}

.single-meeting #main, .page-template-page-newsroom #main, .single-post #main {
	padding-bottom: 0px!important;
	background-color: rgb(227, 227, 227);
	min-height: 100px!important;
}

/*-------------------------------------- meetings main loop -------------------------*/
.meetings-main-loop article {
  margin: 0px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.meetings-main-loop article .entry-thumbnail {
  width: 50px!important;
}

.meetings-main-loop article .entry-thumbnail img {
  position: absolute;
  width: 60px!important;
}

.meetings-main-loop article .entry-header {
  margin-bottom: 0px;
}

.meetings-main-loop article .entry-title {
  font-size: 18px!important;
}

.meetings-main-loop article .entry-title a {
  color: #005581!important;
}

.meetings-main-loop article .entry-title a:hover {
  color: #7f0007!important;
}

.meetings-main-loop article .entry-main {
  display: block;
  float: none!important;
  margin-left: 80px!important;
}

/*-------------------------------------- newsroom page sidebar -------------------------*/
.newsroom-page-sidebar {
  /*margin-top: 260px;*/
}

.newsroom-page .widget-title {
  display: block;
  margin-bottom: 20px;
  line-height: 26px;
}

/*------------------------------------------------------------ sidebar newsroom ---------------------------*/
.cof-sidebar-title {
  display: inline-block;
  font-size: 20px;
  color: #005581;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: solid 3px #7f0007;
}

.cof-newsroom-sidebar-table table {
  width:  300px;
  border: solid 1px #ccc;
}

.cof-newsroom-sidebar-table table td {
  font-size: 15px;
  border: solid 1px #ccc;
  padding: 10px;
  text-align: center;
}

.cof-newsroom-sidebar-table table {
  width:  300px;

}


/*-------------------------------------- newsroom loop -------------------------*/
.news-by-year-loop .newsroom-loop-title h3 {
  margin-bottom: 0px;
}
.news-by-year-loop .newsroom-loop-title a {
  font-size: 18px;
  color: #005581!important;

}
.news-by-year-loop .entry-title a:hover {
  color: #7f0007!important; 
}

.news-by-year-loop article {
  margin: 0px;
  padding: 0px;
}

.news-by-year-loop .newsroom-loop-date {
  font-size: 14px;
  font-weight: bold;
}

.minus-margin-35 {
  margin-top: -35px;
}

/*-------------------------------------- sidebar title -------------------------*/

.title-with-bar  {
  margin: 0 auto;
  width: 84%;
  font-size: 20px!important;
  color: #005581!important;
  border-bottom: solid 2px #7f0007;
  padding-bottom: 20px;
}

/*-------------------------------------- meetings sidebar -------------------------*/
.meetings-page-sidebar {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 50px;
  background-color: #ddd;
  margin-top: 50px;
  margin-bottom: 30px;
}

.meetings-page-sidebar .widget-content .widget-title {
  font-size: 20px;
  color: #005581;
  width: 70%;
}

.meetings-widgets .widget-title {
  display: block;
  margin-bottom: 20px;
  line-height: 26px;
}

.meetings-widgets article:first-of-type {
  padding-top: 20px;
  background-image: linear-gradient(#7f0007, #7f0007);
  background-repeat: no-repeat;
  background-size: 92.5% 2px, calc(100% - 2px) 100%;
  background-position: left top ,0 0;
}

.meetings-widgets article {
  border-bottom: none;
  padding-bottom: 0px;
}

.meetings-widgets article .entry-main {
  background-color: #f4f4f4;
  box-sizing: border-box;
  padding-left: 50px;
  padding-right: 30px;
  padding-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  float: none!important;
}

.meetings-widgets article .entry-content {
  line-height: 20px;
}

.meetings-widgets article .entry-title {
  display: block;
  padding-top: 20px;
  font-size: 16px!important;
}

.meetings-widgets article .entry-thumbnail {
  position: absolute;
  display: block;
  margin-top: 30px!important;
  background-color: #fff;
  width: 50px!important;
  height: 50px!important;
  padding: 6px;

}

.meetings-widgets article .entry-thumbnail img {
  width: 50px!important;
}


.meetings-sidebar-date-arrow {
  position: relative;
  display: block;
  margin-top: 30px;
}

.meetings-sidebar-arrow {
  display: inline-block;
  float: right;
}

.meetings-sidebar-date {
  display: inline-block;
  margin-top: 8px;
  font-weight: bold;
}

/*---------------------------- meetings content ----------------------------*/
.cof-meeting-page {

}

.cof-single-page .entry-header h1 {
  font-size: 28px!important;
  font-weight: bold!important;
}

/*---------------------------- flickr ----------------------------*/
.flickr-frame pre {
  background-color: #e3e3e3;
}

.justified-gallery {
  margin-top: -25px;
}

.jg-entry {
  border: 1px solid #b2b5b8;
}

.entry-content .wp-caption {
  padding: 0px;
}

.wp-caption-text {
  text-align: left;
}

/*---------------------------------- set top margin for en & fr -------------------*/
.page-id-4304 .entry-main, .page-id-4860 .entry-main, .page-id-4258 .entry-main {
  padding-top: 0px;
}

#secondary {
  padding-top: 35px;
  margin-bottom: 35px;  
  min-width: 314px;
}


/*--------------------------- pdf icon - link ----------------*/
.pdf-icon {
  display: inline-block;
  position: relative;
  float: left;
}

.pdf-link {
  margin-left: 6px;
  margin-bottom: 20px;
  display: inline-block;
  max-width: calc(100% - 40px);
}

/*--------------------------- pdf lists -----------------------*/
.attachment-wrap {
  position: relative;
  display: block;
  margin-bottom: 10px;
  min-height: 100px;
}


.attachment-detail-wrap {
  display: inline-block;
  width: 80%;
  margin-left: 20px;
  min-height: 80px;
}

.attachment-icon {
  display: inline-block;
  vertical-align: top;
  width: 60px;
}

.attachment-caption {
  line-height: 20px;
}

/*---------------------- publications ---------------*/
#main-wrap-attachment-list {
  display: inline-block;
  height: auto;
  margin-top: -60px!important;
}

.left-row {
  width: 50%;
  float: left;
}

.right-row {
  width: 50%;
  float: left;
}

.cof-pagination {
  position: absolute!important;
  bottom: 0px;
  right: 60px;
}

.pub-downloads h3 {
  display: inline-block;
  padding-bottom: 6px;
  margin-bottom: 60px;
  font-size: 20px;
  font-weight: bold;
  
  border-bottom: 2px solid #7f0007;
}

/*--------------------------- publications top loop -----------------------*/

.pub-top-thumbnail {
  float: left;
  margin-right: 10px;
}

.pub-top-title {
  font-size: 18px!important; 
  line-height: 20px;
  margin-bottom: 8px;
}

.pub-top-excerpt {
  font-size: 16px!important;
  color: #000!important;
}

/*--------------------------- premiers -----------------------*/
.entry-content .wp-caption {
  border: none;
  box-shadow: none;
}

.premier-icon .wp-caption-text {
  font-size: 10px;
  line-height: 14px;
  text-align: left;
}


/*------------------------------ logo ------------------------*/
#cof-logo {
  position: absolute;
  float: left;
  margin-top: 10px;
}

/*------------------------------ search icon ------------------------*/
#search-icon-icon {
  width: 50px!important;
}

#search-icon {
  /*margin-right: 30px;*/
}

/*------------------------------- Main Menu correction for search icon ----------------------*/
body.responsive.layout-full #page-wrapper .site-navigation .full-container {
  max-width: 1230px;
}

body.responsive.layout-full #page-wrapper .site-navigation  {
  margin-right: 0px;
}

/*------------------------------ more arrow ------------------------*/
.more-arrow {
  width: 100%;
  padding-top: 20px;
  text-align: center;
}

.initiatives-more-arrow img {
  position: absolute;
  right: 20px;
  bottom: 10px; 
}





#footer-widgets .widget, #footer-widgets .widget a {
  color: #fff!important;
}

#colophon .widget_nav_menu .menu-item a {
  border: none!important;
}

.menu-footer-menu-en-container {
  margin-top: 10px;
}

/*------------------------------ lang switcher ------------------------*/
#switcher-wrap {  
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}

#cof-lang-switcher {
  display: inline-block;
}

#cof-lang-switcher div {
  position: relative;
  box-sizing: border-box;
  top: -17px;
  right: 0px;
  z-index: 2;
  width: 50px!important;
  height: 43px!important;
  text-align: center;
}

#cof-lang-switcher div a {
  display: block;
  margin-top: 0px;
}

.social-icon {
  display: inline-block;
  padding-top: 16px;
  margin-right: 10px;
}


/*------------------------------ masthead ------------------------*/

#masthead {
  position:fixed; 
  top:10;
  left:0;
  z-index: 200;
  width: 100%; 
}

#masthead {
  height: 122px;
  padding-left: 0px;
  padding-right: 0px;
  border-top: solid 2px #7f0007;
}

#masthead .main-navigation {
  margin-top: 120px;

}

/*---------------------- flickr gallery ----------------*/
.afg-gallery {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #ddd!important;
}

div.afg-cell {
  text-align: center!important;
}

/*------------------------- front page featured news ----------------*/
.front-page-news .widget-title {
  font-size: 28px;
  color: #7f0007;
  font-weight: bold;
  margin-bottom: 30px;
  margin-top: 30px;
  text-align: left;
}

.front-page-news .news-title-wrap h3 {
  /*font-family: NunitoBold!important;*/
  font-size: 19px!important;
  line-height: 24px!important;
  color: #005581;
  text-align: center;
  min-height: 80px;
}

.front-page-news p {
  text-align: center;
}

.cof-meta { 
  color: #000;
  font-weight: bold;
  text-align: center;
  font-size: 12px!important;
  padding-bottom: 20px;
}

.cof-latestnews-excerpt {
  font-size: 15px!important;
  color: #000!important;
  min-height: 100px;
}

.news-title-wrap {
  min-height: 80px;
}

/*------------------------- About ----------------*/
.cof-premier p {
  line-height: 20px;
}

/*------------------------- front page featured initiatives ----------------*/
.feature-initiatives-description h3 {
  font-size: 20px;
  font-weight: bold;
  color: #005581;
  padding-bottom: 10px;
  text-align: left;
  line-height: 24px;
  border-bottom: solid 2px #7f0007;
  margin-bottom: 0px!important;
  margin-top: 18px;
}

.feature-initiatives-description  p {
  margin-top: 10px;
  line-height: 20px;
  color: #000;
}

.cof-button .ow-button-base a {  
  background-image: url('images/menu_icon.svg')!important;
  background-repeat: no-repeat!important;
  background-size: 22px 22px!important;
  background-position: 15px!important;
  padding: 10px 10px 10px 40px!important;
  font-size: 14px!important;
}

#vantage-grid-loop-front-page {
  display: -webkit-flex; 
  -webkit-justify-content: center;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-flow: wrap;
}

.front-page-initiatives article h3 {
  line-height: 18px;
}

.front-page-initiatives article {
  box-shadow: 0px 0px 14px #e6e6e6;
  padding: 10px;
  margin-bottom: 0px;
  width: 227px!important;
  height: 227px;
}

.front-page-initiatives article:last-child {
  box-shadow: 0px 0px 14px #e6e6e6;
  padding: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.display-posts-listing li {
  list-style: none;
}

.initiatives-title-wrap a {
  color: #000!important;
  font-size: 18px;
  line-height: 22px;
}

/*------------------------- initiatives page / sidebar ----------------*/

.initiatives-page article {
  position: relative;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: 0px 0px 14px #e6e6e6;
  padding: 10px;
  margin-bottom: 30px;
  margin-right: 20px!important;
  height: 227px;
  background-color: #fff;
}

.initiatives-page article:last-child {
  box-shadow: 0px 0px 14px #e6e6e6;
  padding: 10px;
  margin-right: 0px;
  margin-bottom: 30px;
}

.initiatives-title-wrap-page a {
  color: #005581!important;
  font-size: 18px;
  line-height: 22px;
  text-decoration: none;
  font-weight: normal;
}

.initiatives-page article h3 {
  line-height: 18px;
  margin-top: 0px;
  margin-bottom: 5px;
}

.initiatives-page-excerpt {
  font-size: 14px;
  line-height: 20px;
  color: #000;
}

/*---------------------- initiatives sidebar ---------------*/

#initiatives-sidebar {
  margin-top: -20px!important;
}

.initiative-sidebar {
  background-color: #ddd;
  margin-top: -20px!important;
}

.initiatives-sidebar .initiatives-page {
  width: 86%;
  margin: 0 auto!important;
  margin-bottom: 30px!important;
  display: block;
}

.initiatives-page .wp-post-image {
  width: 60px;
}

.initiatives-page h3 {
  font-size: 20px!important;
  color: #005581!important;
}

.initiatives-separator {
  height: 20px;
  background-image: linear-gradient(#7f0007, #7f0007);
  background-repeat: no-repeat;
  background-size: 90% 2px, calc(100% - 2px) 100%;
  background-position: left top ,0 0;
}


/*---------------------- social icons ---------------*/

.socials a {
  font-size: 30px;
  margin-right: 10px;
}


/*----------------------------------- contact form ----------------------------*/

#cof-contact-form {
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
}

.wpcf7 input[type="email"] {
  display: inline-block;
  background-color: #d7d7d7;
  color: #000;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;

  width: 200px;

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  
  -moz-border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.wpcf7 input[type="submit"] {
  border-color: #7f0007;
  width: 50px;
  border-width: 2px;
  height: 41px;
  vertical-align: top;
  -moz-border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  

  color:transparent !important;
  font-size: 0px;
  background: none;
  background-image: url('images/send_icon_plane.svg');
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: 7px 6px;
  background-color: #7f0007;

  -webkit-box-shadow: none;
  
}

/*
.frm_error_style {
  position: absolute!important;
  top: 50px;
  right: 240px;
}
*/

.frm_style_formidable-style.with_frm_style .frm_error, .frm_style_formidable-style.with_frm_style .frm_limit_error {
    font-weight: normal;
    color: #fff;
}

.with_frm_style {
    --success-font-size: 13px!important;
}

#frm_form_12_container .frm_final_submit {
    position: relative!important;
    top: -83px;
    right: -190px;
}

.frm_email_frm  {
  border-color: #7f0007!important;
  width: 50px!important;
  border-width: 2px!important;
  height: 34px!important;
  vertical-align: top!important;
  -moz-border-top-left-radius: 0px!important;
  -moz-border-bottom-left-radius: 0px!important;
  border-top-left-radius: 0px!important;
  border-bottom-left-radius: 0px!important;
  -moz-border-top-right-radius: 10px!important;
  -webkit-border-top-right-radius: 10px!important;
  border-top-right-radius: 10px!important;
  -moz-border-bottom-right-radius: 10px!important;
  -webkit-border-bottom-right-radius: 10px!important;
  border-bottom-right-radius: 10px!important;
  

  color:transparent !important;
  font-size: 0px!important;
  background: none!important;
  background-image: url('images/send_icon_plane.svg')!important;
  background-repeat: no-repeat!important;
  background-size: 24px 24px!important;
  background-position: 7px 3px!important;
  background-color: #7f0007!important;

  -webkit-box-shadow: none!important;
  
}




.wpcf7-submit:hover {
  background-color: #7f0007!important;
}

.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
  border: 0;
  padding: 0px;
  margin-left: 0px;
  margin-top: -10px;
 }

.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
  border: 0;
  padding: 0px;
}

.wpcf7-form .wpcf7-response-output {
  border: 0;
  margin-left: 0px;
  margin-top: -10px;
  padding: 0px;
  color: yellow;
}

.wpcf7-not-valid-tip {
  position: absolute;
  top: 40px;
  color: #fff!important;
}

#cof-captcha {
  margin-top: 40px;
}

.g-recaptcha {
  transform-origin: left top;
  -webkit-transform-origin: left top;
}


/*------------------------------------------------------------ newsroom tabs -----------------------------*/
.uc_tab_nav .r-tabs-state-default {
  background-color: #f2f2f2!important;
}

#uc_border_tabs .uc_tab_nav li a {
  padding-top: 10px!important;
  padding-bottom: 10px!important;
}

#uc_border_tabs .uc_tab_nav li a span {
  top: 14px!important;
}

#uc_border_tabs .uc_tab_nav {
  width: 14%!important;
}

#uc_border_tabs .uc_tab_content {
  width: 77%!important;
  border-color: transparent!important;
  padding-left: 0px!important;
}

.display-posts-listing {
  margin-left: 0px!important; 
}

.uc-grid-front .uc-grid-col {
  padding-left: 0px!important;
}


.news-wrap {
  display: block;  
  padding-left: 20px;
}

.news-title {
  font-size: 16px!important;
  margin-bottom: 20px;
}

.news-date {
  display: block;
  font-size: 13px;
  font-weight: bold;
}

.pagination, .entry-content .pagination {
  font-size: 12px!important;
 }

.entry-content .page-links {
  margin-bottom: 20px!important;
  font-size: 14px!important;
 }

 .entry-content .page-links a {
  margin-left: 10px!important;
  margin-right: 10px!important;
 }

div.footer-cell-contents > div  {
  margin-bottom: 0px!important;
}

.footer-socials img.alignleft {
  margin-right: 15px;
}


/*--------------------------------------------- mobile nav -----------------------------------*/

.shiftnav-toggle-button {

    position: absolute;
    top: 10px;
    right: 0px;
    z-index: 200;
    display: inline-block;
    padding: 10px 15px;
    background: #005581!important;
    color: #fff!important;
}

.shiftnav .fa, .shiftnav-toggle .fa {
    font-family: FontAwesome;
    font-weight: 400;
    font-size: 24px;
}


.shiftnav-nav li a {
  /*text-transform: capitalize!important;*/
  font-size: 16px!important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target {
  text-transform: inherit!important;
}

.shiftnav.shiftnav-skin-standard-dark, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu {
  background-color: #005581!important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target {
  border-bottom: none!important;
  text-shadow: none!important;
}

.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
  border-top-color: transparent!important;
  background-color: #7f0007!important;
}


.r-tabs-accordion-title {
  display: block;
  box-sizing: border-box;
  width: 100px;
  height: 40px;
  text-align: center;
  background-color: #f2f2f2;
}

.r-tabs-accordion-title a {
  margin-top: 8px!important;
  padding-top: 10px;
}

.r-tabs-accordion-title.r-tabs-state-active {
  background-color: #005581!important;
}

.r-tabs-accordion-title.r-tabs-state-active h2 {
  color: #fff!important;
}




/*---------------------- media queries ---------------*/

@media only screen and (min-width: 960px) {
  .shiftnav-toggle-button { display: none!important; }
}


@media only screen and (min-width: 480px) { 


  .wonderplugintabs-header-title {
    font-family: "Nunito"!important;
    font-weight: 600!important;
    font-size: 14px!important;
    
  }

  .wonderplugintabs-header-li .wonderplugintabs-header-title {
    color: #ddd!important; 
  }

  .wonderplugintabs-header-li-active .wonderplugintabs-header-title {
    color: #fff!important; 
  }

  .wonderplugintabs-header-li-active-first .wonderplugintabs-header-title {
    color: #fff!important;
  }

  .wonderplugintabs-header-li-active-last .wonderplugintabs-header-title {
    color: #fff!important; 
  }

  .wonderplugintabs-header-li-active:after {
    content: "";
    height: 30px;
    width: 30px;
    background-color: #004a6d;
    /*background-color: red;*/
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 7.5px;
    margin-right: -7px;
    -webkit-transform: rotate(45deg);
    z-index: -1;
  }

  #wonderplugintabs-1 > .wonderplugintabs-header-wrap .wonderplugintabs-header-li-active {
      background-color: #004a6d!important;
      color: #fff!important;
      border: none!important;
      margin-right: 20px!important;
  }

  #wonderplugintabs-1 > .wonderplugintabs-header-wrap .wonderplugintabs-header-li {
      margin-right: 40px!important;
      border: none!important;
      width:  104px!important;
      height:  44px!important;
  }

  #wonderplugintabs-1 > .wonderplugintabs-panel-wrap {
    border: none!important;
  }

}


/*------------------------------------------------------------------------------- mobile logo adjustment -----------*/
@media only screen and (max-width: 1260px) { 
    #cof-logo { margin-left: 30px; margin-top: 10px ;}    
}



/*------------------------------------------------------------------------------- mobile -----------*/

@media only screen and (max-width: 960px) {

	#frm_form_12_container .frm_final_submit {
    position: relative!important;
    top: -84px;
    right: -156px;
  }

  .meetings-page-sidebar .widget-content .widget-title {
    width:  100%;
  }
  .wonderplugintabs-header-title {
    font-family: "Nunito"!important;
    font-weight: 600!important;
    font-size: 14px!important;
    color: #004a6d!important;
    
  }
	
  #secondary .widget .widget-title, #footer-widgets .widget .widget-title, #masthead-widgets .widget .widget-title {
    padding-top: 20px!important;
  }

  .title-with-bar  { margin-top: 30px; }

  .attachment-wrap { padding-left: 10px; padding-right: 10px; }
  .attachment-detail-wrap { margin-left: 0px; width: 100%; }

  #masthead { position:relative; height: 122px; }
  #masthead .main-navigation { margin-top: 120px; }

  .front-page-initiatives article { margin-left: auto; margin-right: auto; margin-bottom: 30px; }
  .front-page-initiatives article:last-child { margin-left: auto; margin-right: auto; margin-bottom: 30px; }
  
  article.post.post-with-thumbnail-icon .entry-main, article.page.post-with-thumbnail-icon .entry-main {
   /* width: 66%!important;*/
  }

  .home #main{ padding-top: 0px!important; }
  #main{ padding: 20px!important; padding-top: 30px!important; }
  
  #search-icon { display: none; }
  /*.home .metaslider { display: none; }
  //#secondary .metaslider { margin-bottom: 20px; }*/

  #secondary { width: 100%; padding-top: 0px; }
  .newsroom-page-sidebar { margin-top: 0px; }
  body.responsive #secondary {margin-top: 20px; }

  
  #cof-logo { margin-left: 30px; margin-top: 0px ;}
  #cof-logo img { width: 280px; }
  
  #switcher-wrap { display: none; }
  
  #shiftnav-toggle-main { top: 30px!important; right: 30px!important; }

  .page-template-default #primary, #primary, .woocommerce-page #container { width: 100%; }
   #secondary { width: 100%; float: left; }

  .left-row { width: 100%; }
  .right-row { width: 100%; }

  .wpml-ls-native { text-align: center; }

  .shiftnav-target .wpml-ls-native { text-align: left; }
}

/*------------------------------------------------------------------------------- mobile hamburger adjustment -----------*/
@media only screen and (max-width: 350px) { 
  #secondary { margin-left: -10px; }
}

@media only screen and (max-width: 480px) { 

  #shiftnav-toggle-main { top: 30px!important; right: 10px!important; }
  #thegoog { transform: scale(.83); transform-origin: 0 0; }
}

/*------------------------------------------------------------------------------- mobile frontpage initiatives adjustment -----------*/
@media only screen and (max-width: 650px) and (min-width: 480px){ 
  .front-page-initiatives article:last-child { margin-left: -75px!important; margin-right: 0px!important; margin-bottom: 30px; }
}