/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */


@import url("../lib/gotham/gotham.css");
@import url("../lib/fontawesome/css/all.css");

/*Header*/


.node-type-group div#header-two,
.node-type-group-page div#header-two {
    background: #333;
}

.node-type-group div#header-two .red i.fab,
.node-type-group-page div#header-two .red i.fab {
    color: #333;
}

.logo img {
	max-width: 230px;
}


div#toolbar, div#toolbar > div {
    max-width: 100%;
}

.container-fluid {
    max-width: 1200px;
}

.clearfix {
    max-width: 1200px;
    margin: 0 auto;
}

.field-name-field-championship-date-s- { font-weight: bold; color: #005288; margin-bottom: 20px; padding: 5px 10px 5px 30px; background: #e7e8f2; border-radius: 4px;width: auto !important; display: inline-block; position: relative; }
/*.field-name-field-championship-date-s- { background: rgba(231,232,242,1);
background: -moz-linear-gradient(left, rgba(231,232,242,1) 0%, rgba(231,232,242,1) 60%, rgba(231,232,242,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(231,232,242,1)), color-stop(60%, rgba(231,232,242,1)), color-stop(100%, rgba(231,232,242,0)));
background: -webkit-linear-gradient(left, rgba(231,232,242,1) 0%, rgba(231,232,242,1) 60%, rgba(231,232,242,0) 100%);
background: -o-linear-gradient(left, rgba(231,232,242,1) 0%, rgba(231,232,242,1) 60%, rgba(231,232,242,0) 100%);
background: -ms-linear-gradient(left, rgba(231,232,242,1) 0%, rgba(231,232,242,1) 60%, rgba(231,232,242,0) 100%);
background: linear-gradient(to right, rgba(231,232,242,1) 0%, rgba(231,232,242,1) 60%, rgba(231,232,242,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e8f2', endColorstr='#e7e8f2', GradientType=1 );
}*/
.field-name-field-championship-date-s-:before { content: "\f073"; font-family: 'Font Awesome 5 Free'; font-weight: 900; display: inline-block; float: left; margin-right: 8px; margin-bottom: 15px;top: 3px;
    left: 10px;
    position: absolute; }

.field-name-field-championship-date-s- .date-display-start,
.field-name-field-championship-date-s- .date-display-end{ display: inline-block}

div#navbar {
    background: transparent;
    border: none;
    margin: 0px;
}

div#header-two {
    background: #005288;
}

#header-main-nav .menu.nav > li > a {
    padding: 15px 11px 15px 11px;
    color: #ffffff;
}



div#navbar {
    padding: 0px;
}

div#top-nav .menu.nav li {
    display: inline-block;
    float: left;
}

div#top-nav {
    padding: 3% 15px 0% 15px;
}


header .menu.nav li {
    display: inline-block;
    float: left;
}

header .menu-name-menu-championship-site-menu .menu.nav > li:last-of-type > a:not(:hover) {
    border-radius: 4px;
    background-color: #e41937 !important;
    padding-top: 10px !important;
    box-sizing: border-box !important;
    display: inline-block;
    height: 20px !important;
    line-height: 7px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 12px;
    margin-bottom: 13px;
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.nav > li > a {
    font-family: "Gotham Medium";
}

.region.region-top-nav li > a:hover {
    background: none;
}
.region.region-top-nav li > a {
    color: #191919;
    font-weight: 500;
}


#header-main-nav .menu.nav > li > a:hover,
#header-main-nav .menu.nav > li > a:focus,
#header-main-nav .menu.nav > li > a.active,
#header-main-nav .menu.nav > li > a.active-trail,
#header-main-nav .menu.nav > li > ul:hover,
#header-main-nav .menu.nav > li > ul:focus {
    background: #076aab;
}

#header-main-nav .menu.nav > li > ul { display: none }
#header-main-nav .menu.nav > li:hover > ul,
#header-main-nav .menu.nav > li > a:focus > ul{
    width: 200px;
	display: block;
	position: absolute;
	border-top: 1px solid #005288;
    padding-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #eee;
    z-index: 99;
}

#header-main-nav .menu.nav > li > ul > li {
    display: block !important;
    float: none;
}

#header-main-nav .menu.nav > li > ul > li a {
    padding: 5px 12px;
    display: block;
}

#header-main-nav .menu.nav > li > ul > li a:hover,
#header-main-nav .menu.nav > li > ul > li a:focus { 
	background-color: #e0e0e0
}

.navbar-btn {
    margin-top: 26px;
    margin-bottom: 28px;
}


body {
    font-family: "Gotham Book";
}

img {
    max-width: 100%;
}

.footer-menu .dropdown-menu > li > a:hover, .footer-menu .dropdown-menu > li > a:focus {
    background: none;
}



/*banner*/

.item-desc h2 {
    margin: 0px;
}

.item-desc h2 a {
    font-family: "Gotham Medium";
    font-weight: 900;
    font-size: 22px;
    color: #ffffff;
}

section.item-desc {
    padding: 0px 17px 0px 17px;
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.main-news section.item-desc {
    padding: 20px 17px 20px 17px;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    bottom: 0px;
	pointer-events: none;
	cursor: pointer
}

.author img {
    vertical-align: text-top;
}

.prev-news > div {
    position: relative;
}

.item-desc p span.author a, .item-desc p span.author {
    color: #ffffff;
    text-transform: capitalize;
}

.item-desc p span.author {
    margin-right: 20px;
}

.main-news img.img-responsive {
    width: 100%;
}

.main-news .item-desc p .author:first-of-type { display: none !important }

.prev-news img.img-responsive {
    width: 100%;
}

.prev-news section.item-desc h2 a:hover {
    text-decoration: none;
}

.prev-news section.item-desc {
    padding-bottom: 20px;
    padding-top: 10px;
    background: rgba(0, 0, 0, 0.3);
	pointer-events: none;
	cursor: pointer
}

.main-news section.item-desc,
.prev-news section.item-desc {
	cursor: pointer
}

.region-main-banner h2.block-title {
    font-size: 14px;
    font-family: "Gotham Medium";
    display: inline-block;
    padding: 15px 20px;
    background: #e41937;
    color: #ffffff;
    margin-bottom: 0px;
}

.view.view-home-frontpage {
    border-top: 2px solid #e41937;
    padding-top: 22px;
}


.view-display-id-block_1 img.img-responsive {
    margin-bottom: 35px;
    width: 100%;
}

.view-display-id-block_1 span.red > a {
    color: #e41937;
    font-family: "Gotham Medium";
    font-size: 16px;
}

.view-display-id-block_1  span.date-venue {
    float: right;
    font-size: 14px;
    font-family: "Gotham Book";
}

.view-display-id-block_1 p {
    font-size: 14px;
    font-family: "Gotham book";
}

span.venue {
    float: right;
}

span.date {
    margin-left: 170px;
    margin-right: 15px;
}

.register-now a {
    font-family: "Gotham book";
    font-size: 14px;
    color: #e41937;
    text-align: center;
}

.champ .logo { text-align: center }

.champ img.img-responsive {
    display: inline-block;
    max-height: 95px;
	max-width: 100%;
    width: auto;
    vertical-align: middle;
}


.champ i.fas.fa-arrow-right {
    color: #e41937;
    font-size: 20px;
    float: right;
    vertical-align: middle;
    padding-top: 0%;
}

.champ  a {
    font-size: 16px;
    font-family: "Gotham Book";
    color: #000000;
}

.champ .title {
    padding-top: 10%;
    padding-left: 0px;
}

.champ .title a {
	width: 100%; display: inline-block; float: left; position: absolute
}

.champ {
    padding: 15px;
    border-top: 2px solid #eaeaea;
}

#block-views-og-list-block-1 .champ  .title {
    padding-top: 5%;
    padding-left: 0px;
}
#block-views-og-list-block-1 .champ  .logo img.img-responsive {
    margin-bottom: 0
}

#header-one #block-menu-menu-secondary-menu ul.menu.nav > li > ul { display: none }

.page-news .field-content.pull-right.col-xs-12 {
    max-height: 150px;
    overflow: hidden;
}

section#block-views-home-frontpage-block-2 {
    padding-left: 0px;
}

section#block-views-home-frontpage-block-1 {
    padding-right: 30px;
}

.up-events h2 a { color: #fff !important; text-decoration: none !important}


@media (min-width: 992px) and (max-width: 1099px) {
	.top-search {
		max-width: 175px !important;
	}
}

@media (max-width: 991px) {
	
    section#block-views-home-frontpage-block-2 {
        padding-left: 15px;
    }
	
	.champ .title { padding-top: 0}	
	#block-views-og-list-block-1 .champ .title { padding-top: 0; width: 100% }
	.champ .logo { display: none }
	
	#header-main-nav .menu.nav > li > a { padding: 15px 7px 15px 7px }
	
	div#social-media-header, #block-block-17 {
		width: 100%;
		text-align: left;
		padding-top: 3px !important;
	}
	
	
	#header-one .dt-site > .pull-left, 
	#header-one .pull-right {
		float: none;
		text-align: center;
		width: 100%;
	}
	a.logo.navbar-btn.pull-left {
		float: none;
		text-align: center;
		width: 100%;
		margin-bottom: 0
	}
}

@media (max-width: 767px) {
	#top-nav {
		height: 40px;
		display: inline-block;
		width: 100%;
		padding: 0 !important;
	}
	#block-menu-menu-secondary-menu {
    	position: absolute;
    	left: 0;
    	width: 100%;
	}
	#block-menu-menu-secondary-menu a {
		padding: 0 6px;
	}
	#block-block-18 {
		position: absolute;
		width: 100%;
		left: 0;
		top: 143px;
		text-align: left;
	}
	
	a.logo.navbar-btn.pull-left {
		float: none;
		text-align: center;
		width: 100%;
		margin-bottom: 30px
	}
	#top-nav #block-search-form { display:  none}
	
	.slick-next { display: none !important }
	
	#header-one .pull-left {
		float: none;
		text-align: center;
		width: 100%;
	}
	
	.main-news section.item-desc,
	.prev-news section.item-desc{
		background: rgba(0,0,0,0.5);
		padding: 10px 17px 10px 17px;
	}

	.item-desc h2 a {
		font-family: "Gotham Medium";
		font-weight: 900;
		font-size: 14px;
		color: #ffffff;
		display: inline-block;
		line-height: 19px !important;
	}
	
	.page-news .field-content.pull-right.col-xs-12 {
		padding: 0 0 20px;
	}
	
	.page-news .field-content.pull-right.col-xs-12 {
		max-height: none;
		overflow: visible;
	}	
}

@media (max-width: 374px) {
	#block-menu-menu-secondary-menu a {
		padding: 0 3px;
	}
	.champ .title a {
		display: inline;
		float: none;
		position: relative;
	}
}

p.rm {
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    padding: 0px 0px;
    border-bottom: 2px solid #e41937;
    margin-top: 35px;
}

p.rm a {
    font-size: 14px;
    color: #e41937;
    font-family: "Gotham Book";
}

.view-footer {
    text-align: center;
}

h2.block-title {
    font-size: 14px;
    font-family: "Gotham Medium";
    display: inline-block;
    padding: 15px 20px;
    background: #e41937;
    color: #ffffff;
    margin-bottom: 0px;
}

p.item-title a {
    color: #ffffff;
    font-family: "Gotham Book";
    font-size: 16px;
}
p.item-title {
    position: absolute;
    bottom: 0px;
    width: 90%;
    text-align: center;
    padding-bottom: 30px;
}

.programs-block .view-content {
    margin-left: -15px;
    margin-right: -15px;
}

footer.footer-menu .container-fluid {
    background: #005288;
    padding: 60px 15px;
}

#header-two .nav > li > a:hover, #header-two .nav > li > a:focus, #header-two .nav > li > a {
    color: #ffffff;
    font-size: 14px;
    font-family: "Gotham Book";
    background: none;
}

.nav > li > a:hover, .nav > li > a:focus, .nav > li > a {	
    font-size: 14px;
    font-family: "Gotham Book";
    background: none;
}

footer.footer-menu ul.dropdown-menu {
    display: block;
    position: relative;
    background: none;
    border: none;
    box-shadow: none;
}

footer.footer-menu ul.dropdown-menu li > a {
    color: #ffffff;
    padding-left: 15px;
    white-space: normal;

}

footer.footer-menu .nav .open > a, footer.footer-menu .nav .open > a:hover, footer.footer-menu .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7;
    background: none;
}

footer.footer.container-fluid {
    background: #005288;
}

.programs-block {
    margin-bottom: 50px;
}

.footer {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: none;
    background: #005288;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    font-family: "Gotham Book";
    padding-left: 30px;
    padding-right: 35px;
}

.region.region-footer {
    margin-top: 0px;
    padding-top: 25px;
    padding-bottom: 28px;
    border-top: 1px solid #E5E5E5;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    font-family: "Gotham Book";
}

article#node-3806 {
    display: none;
}

.nav > li > a:hover, .nav > li > a:focus {
    color: #000000;
}

footer .nav > li > a:hover, footer .nav > li > a:focus, footer .nav > li > a {
    color: #ffffff;
}

h2.block-title {
    font-size: 14px;
    font-family: "Gotham Book";
    color: #ffffff;
}

.bulletin h2.block-title,
.social-media h2.block-title {
    margin-bottom: 20px;
    position: relative;
    margin-left: -15px;
}

h3.insta-header {
    color: #005288;
    font-weight: 600;
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 23px;
}


.bulletin h3 {
    font-size: 14px;
    font-family: "Gotham Book";
    font-weight: bold;
}

.bulletin ul {
    padding-left: 0px;
    list-style: none;
    max-width: 85%;
}

.bulletin .row ul > li {
    padding: 20px 20px;
    border: 2px solid #dfdfdf;
    margin: 20px 0px;
}

.bulletin ul > li > a {
    font-size: 12px;
    font-family: "Gotham Book";
    font-weight: bold;
    color: #000000;
}

.bulletin i.fas.fa-arrow-down {
    float: right;
    font-size: 20px;
    padding: 20px 20px;
    margin: -20px;
    border-left: 2px solid #dfdfdf;
}

.bulletin ul > li:hover a {
    color: #ffffff;
}
.bulletin ul > li:hover {
    background: #015289;
}

.bulletin li:hover i.fas.fa-arrow-down {
    background: #e41937;
    border-left: 1px solid #e41937;
    color: #ffffff;
}

.bulletin i.fas.fa-arrow-down {
    float: right;
    font-size: 20px;
    padding: 20px 20px;
    margin: -20px -20px -20px 0px;
    border-left: 2px solid #dfdfdf;
    color: #8e8e8e;
}

.subscriber-form header {
    display: none;
}

.subscriber-form .field.field-name-body.field-type-text-with-summary.field-label-hidden {
    width: 50%;
    float: left;
}


.subscriber-form .webform-client-form {
    width: 50%;
    float: left;
}

.subscriber-form {
    padding: 4% 60px;
    background: url(/ofsaa-dev2/sites/default/files/images/ofsaa-subscribe_06.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.subscriber-form h2 {
    color: #ffffff;
    font-family: "Gotham Medium";
    font-size: 22px;
    margin-top: 0px;
}

.subscriber-form  p {
    color: #ffffff;
}

.subscriber-form .form-actions .form-submit {
    width: 100%;
    border-radius: 0px;
    background: #e41937;
    color: #ffffff;
    border: 0px;
    height: 40px;
}

.subscriber-form .form-item-submitted-subscriber-email {
    width: 70%;
}

.subscriber-form .form-item .email.form-text {
    height: 40px;
    border-radius: 0px;
    border: 0px;
}

.subscriber-form .form-actions {
    width: 20%;
    position: absolute;
    top: 0px;
    right: 0px;
}

.slick-partner h2.block-title {
    font-family: "Gotham Medium";
    font-size: 16px;
    color: #000000;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 30px;
    width: 100%;
    background: none;
}


.slick-partner .slick-dots li button {
    display: block;
    width: 15px;
    height: 15px;
    padding: 5px;
    background: #cccccc;
    border-radius: 50%;
}

.slick-partner .slick-dots li button:before {
    color: transparent;
}

.slick-partner .slick-dots li.slick-active button:before {
    color: transparent;
}

.slick-partner .slick-dots li.slick-active button{

    background: #005288;

}

.partner-slick-logo ul.slick-dots {
    bottom: -60px;
}


.bulletin:before, .social-media:before,.block-views-events-block:before {
    content: " ";
    width: 100%;
    position: relative;
    height: 1px;
    border-bottom: 2px solid #e41937;
    display: inline-block;
    bottom: -71px;
}

.monthly-issue p.rm a {
    font-family: "Gotham Medium";
    font-size: 14px;
}
.monthly-issue p.rm {
    border: none;
}

.container-fluid {
    background: #ffffff;
}

body {
    background: url(/sites/default/files/bg-body.jpg);
	background-position: center;
    background-size: 850px;
}

.slick-slide img {
    display: block;
    margin: 0 auto;
}

.instagram h2.block-title {
    width: 100%;
    text-align: center;
    background: none;
    color: #005288;
    font-size: 23px;
    font-family: "Gotham Medium";
    margin-bottom: 40px;
}

.footer-menu .menu.nav span.caret {
    display: none;
}

/*added 09-15-2019 */

.top-search {
    max-width: 265px;

}

.top-search input.form-control {
    border-radius: 0px;
    height: 45px;
    border-right: none;
}

.top-search button.btn.btn-primary {
    color: #005288;
    background: none;
    border: 1px solid #ccc;
    height: 45px;
    border-radius: 0px;
    border-left: 0px;
}

.social-media-block span {
    margin: 0px 7.5px;
    background: #fff;
    padding: 4px 3px 3px 3px;
    border-radius: 50%;
}
.social-media-block span a {
    color: #005288;
}
.social-media-block {
    padding: 15px 15px 15px 15px;
}

.social-media-block i.fab.fa-facebook-f {
    padding: 2px 3.5px 2px 3.5px;
}

.social-media-block i.fab.fa-twitter {
    padding: 0px 0px 5px 2px;
}

.social-media-block i.fab.fa-instagram {
    padding: 0px 1.5px 0px 1.5px
}
/* End header */

.subscriber-form article {
    position: relative;
}

/* Inner Page */

.main-content a { 

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

#block-system-main table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
#block-system-main table > thead > tr > th,
#block-system-main table > tbody > tr > th,
#block-system-main table > tfoot > tr > th,
#block-system-main table > thead > tr > td,
#block-system-main table > tbody > tr > td,
#block-system-main table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
#block-system-main table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

#block-system-main table > tbody + tbody {
    border-top: 2px solid #ddd;
}


.left-side-content img {
    height: auto;
}
.left-side-content {
    padding-right: 7%;
}

.championship-logo img {
    max-width: 80%;
    margin: 0 auto;
}

.championship-social { margin-bottom: 32px !important }

@media only screen and (min-width: 1024px){
    .top-navigation {
        margin-right: 50px;
    }
}


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

	.navbar-collapse.collapse.mb-site {
	    display: none !important;
	}
}

/*Inner Page - 19*/

.left-side-content .field-item.even hr {
    border-top: 1px solid #000000;
    margin-top: 14px;
    margin-bottom: 29px;
}
.left-side-content .field-item.even p strong {
    font-size: 18px;
    color: #000000;
}

p strong {
    font-family: "Gotham Bold", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.left-side-content .pane-node-title h2.page-title {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}
.right-sidebar .championship-logo .field-item.even img.img-responsive {
    max-width: 185px;
    padding: 30px 0px 30px 0px;
}
.right-sidebar .championship-contact ul {
    list-style: none;
    max-width: 238px;
    margin: 0 auto;
    padding: 0px;
}
.right-sidebar .championship-contact {
    background: #e7e8f2;
    padding: 45px 0px;
}
.right-sidebar .inside {
    max-width: 331px;
    margin: 0 auto;
}
.right-sidebar .championship-contact .field-label, .championship-contact .field-items {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}
.right-sidebar .championship-contact .field-name-field-group-contact-name .field-label {
    padding-bottom: 24px;
}
.right-sidebar .championship-mesc .inner.survey strong {
    font-size: 20px;
    color: #000000;
    font-family: "Gotham Medium";
}
.right-sidebar .championship-mesc .inner.survey p.red-lnk, .right-sidebar .championship-mesc .inner.survey p.red-header {
    text-align: center !important;
}
p.red-lnk a {
    color: #e41937;
}
p.blue-lnk a {
    color: #ffffff;
}
p.red-lnk {
    padding: 15px 20px 12px 20px;
    color: #e41937;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #e41937;
    width: 100%;
    font-family: "Gotham Medium";
}
p.blue-lnk {
    padding: 37px 24px 34px 24px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    background: #005288;
    text-align: center;
    font-family: "Gotham Medium";
    margin-bottom: 23px;
}
.subscriber-form {
    padding: 5.834% 60px;
}

.not-front .main-container > .container > .clearfix {
    padding: 30px 0px 0px 0px;
}

#right-sidebar ul > li {
    line-height: 30px;
}

#right-sidebar ul {
    list-style: none;
    padding-left: 0px;
    padding: 15px 0px;
}

.sidebar-first .nav > li > a:hover, .sidebar-first .nav > li > a:focus, .sidebar-first .nav > li > a {
    color: #191919;
}

#left-sidebar ul.menu > li {
    border-bottom: 1px solid #191919;
}

#left-sidebar ul.menu > li > a {
    padding-left: 0px;
}

#left-sidebar ul.menu > li > ul {
    padding-left: 0px;
}

#left-sidebar ul.menu > li > ul li {
    border-bottom: 1px solid #191919;
}

#left-sidebar ul.menu > li > ul li a {
    font-size: 14px;
    font-family: "Gotham Book";
    background: none;
    position: relative;
    display: block;
    padding: 10px 15px 10px 10px;
    color: #191919;
}

#left-sidebar ul.menu > li > ul li:last-child {
    border-bottom: 0px;
}

#left-sidebar ul.menu > li > ul li a:hover {
    text-decoration: none;
}

footer.footer-menu ul li > ul {
    display: block;
    position: relative;
    background: none;
    border: none;
    box-shadow: none;
    padding-left: 0px;
}

footer.footer-menu ul > li > ul li > a {
    color: #ffffff;
    padding-left: 15px;
    white-space: normal;
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
}

#left-sidebar ul.menu > li > ul li:first-child {
    border-top: 1px solid #191919;
}


/*.row.mb-site {
    display: none;
}
*/

.navbar-toggle .icon-bar {
    background: #005288;
}

button.navbar-toggle {
    background: #ffffff;
    cursor: pointer;
}

footer .nav > li > a {
    color: #ffffff !important;
}


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

    /*.row.mb-site {
        display: block;
    }*/

    .logo img {
        max-width: 230px;
        width: 100%;
    }

    .subscriber-form .field.field-name-body.field-type-text-with-summary.field-label-hidden {
        width: 100%;
    }

    .subscriber-form .webform-client-form {
        width: 100%;
        float: left;
    }

    .subscriber-form .form-actions {
        width: 100%;
        position: relative;
        top: unset;
        right: unset;
    }

    .subscriber-form {
        background: #005288;
        padding-left: 40px;
        padding-right: 40px;
    }   


    .subscriber-form .form-item-submitted-subscriber-email {
        width: 100%;
    }

   /* .row.dt-site {
        display: none;
    }*/

    .navbar-collapse.in {
        display: block;
        clear: both;
    }

    header .navbar-collapse .menu.nav > li {
        display: block;
        width: 100%;
        border-top: 1px solid transparent;
        border-top: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        -webkit-overflow-scrolling: touch;
    }

    .navbar-collapse.in {
        display: block;
        clear: both;
    }

    ul.menu.nav.navbar-nav {
        margin-top: 0px;
    }

    .navbar-collapse {
        border-top: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-overflow-scrolling: touch;
    }

    .mb-site .nav > li > a:hover, .mb-site .nav > li > a:focus, .mb-site .nav > li > a {
        color: #ffffff;
        text-align: center;
    }

    .navbar-collapse {
        width: 100%;
    }

    .mb-site div#navbar-collapse ul > li > ul {
        display: none;
    }

    h1.page-header {
        margin-top: 50px;
    }

    h2.block-title {
        margin-bottom: 15px;
    }

    .social-media-block.mobile-block {
        clear: both;
        text-align: center;
    }

    .social-media-block.mobile-block span {
        margin: 0px 7.5px;
        background: #fff;
        padding: 4px 3px 3px 3px;
        border-radius: 50%;
    }

    .not-front .social-media-block.mobile-block span {
        margin: 0px 7.5px;
        background: #fff;
        padding: 4px 3px 3px 3px;
        border-radius: 50%;
    }

    .social-media-block.mobile-block span a {
        color: #005288;
    }

    .not-front .mobile-block .red i.fab {
        color: #005288;
    }

    div#top-nav .menu.nav li {
        float: none;
    }

    section#block-menu-menu-secondary-menu {
        text-align: center;
    }

}