﻿ /* =================================================================================

    Project Information

    Theme Name: CMDS Online Theme Child
    Theme URI: http://www.cmdsonline.com
    Description: Custom WordPress theme framework for CMDS clients.
    Version: 5.1
    Author: CMDS Online
    Author URI: http://www.cmdsonline.com
    Template: cmds_theme

================================================================================= */

/******************** FONT LIST **********************/

/************ BOOTSTRAP CUSTOMIZATIONS ************/

@media (min-width:995px){ .container { width: 949px; } }
@media (min-width:1200px){ .container { width: 1170px; } }

/*********** CMDS Helper Classes *************/

.navbar-nav>li { float:none; }
.nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after { content:normal !important; }
.absolute { position:absolute; }
.relative { position:relative; }
.pull-none { float:none !important; }
.vertical-align { display: table-cell; vertical-align: middle; }
.no-side-padding { padding-left:0px !important; padding-right:0px !important; }
.no-right-padding { padding-right:0px !important; }
.no-left-padding { padding-left:0px !important; }
.no-top-padding { padding-top:0px !important; }
.no-bottom-padding { padding-bottom:0px !important; }

.padding-bottom-5 { padding-bottom:5px; }
.padding-bottom-10 { padding-bottom:10px; }
.padding-bottom-15 { padding-bottom:15px; }
.padding-bottom-20 { padding-bottom:20px; }
.padding-bottom-25 { padding-bottom:25px; }
.padding-bottom-30 { padding-bottom:30px; }
.padding-bottom-35 { padding-bottom:35px; }
.padding-bottom-40 { padding-bottom:40px; }
.padding-bottom-45 { padding-bottom:45px; }

.padding-top-5 { padding-top:5px; }
.padding-top-10 { padding-top:10px; }
.padding-top-15 { padding-top:15px; }
.padding-top-20 { padding-top:20px; }
.padding-top-25 { padding-top:25px; }
.padding-top-30 { padding-top:30px; }
.padding-top-35 { padding-top:35px; }
.padding-top-40 { padding-top:40px; }
.padding-top-45 { padding-top:45px; }

.margin-bottom-5 { margin-bottom:5px; }
.margin-bottom-10 { margin-bottom:10px; }
.margin-bottom-15 { margin-bottom:15px; }
.margin-bottom-20 { margin-bottom:20px; }
.margin-bottom-25 { margin-bottom:25px; }
.margin-bottom-30 { margin-bottom:30px; }
.margin-bottom-35 { margin-bottom:35px; }
.margin-bottom-40 { margin-bottom:40px; }
.margin-bottom-45 { margin-bottom:45px; }

.margin-top-5 { margin-top:5px; }
.margin-top-10 { margin-top:10px; }
.margin-top-15 { margin-top:15px; }
.margin-top-20 { margin-top:20px; }
.margin-top-25 { margin-top:25px; }
.margin-top-30 { margin-top:30px; }
.margin-top-35 { margin-top:35px; }
.margin-top-40 { margin-top:40px; }
.margin-top-45 { margin-top:45px; }

.no-side-margin { margin-left:0px !important; margin-right:0px !important; }
.no-right-margin { margin-right:0px !important; }
.no-left-margin { margin-left:0px !important; }
.no-top-margin { margin-top:0px !important; }
.no-bottom-margin { margin-bottom:0px !important; }
.email-confirm { display:none; }

/*********** CMDS General Tag Styles *************/

* { box-sizing:border-box; /*transition: all 0.25s;*/ }

body { }
p { font-family: 'Lato', sans-serif; font-size: 20px; color: #000; }
a { color:#1e4263; text-decoration:underline; }
/*a:visited { color:#1e4263; text-decoration:underline; }*/
/*a:hover, a:active { color:#24b1f7; }*/
ul { padding-bottom:0px; margin-bottom:5px; padding-left:0px; margin-top:5px; }
ul li { padding-bottom:9px; padding-left:16px; list-style:none; }
h1, .like-h1 { font-size:69px; color:#fff; margin:0 0 5px; padding:0px; line-height:1; text-transform: uppercase; font-weight: bold; font-family: 'Lato', sans-serif;}
h2, .like-h2 { font-size:42px; font-weight: normal; color:#000; margin:0; padding:0px 0px 10px 0px; line-height:1.2; font-family: 'Quicksand', sans-serif;}
h2.internal-h2 { font-size:36px;}
h3, .like-h3 { font-size:23px; color:#000; margin:0; padding:0px; line-height:1.2; font-family: 'Lato', sans-serif; }
h4, .like-h4 { line-height:1; font-family: 'Lato', sans-serif; text-transform: uppercase; font-weight: bold; font-size: 14px; letter-spacing: .5px;}
h5, .like-h5 { font-size: 16px; }
h6, .like-h6 { }
sup { vertical-align: baseline; position: relative; top: -0.4em; font-size: 0.7em; }
h2 sup, .like-h2 sup { font-size: 0.6em; top: -0.6em; }
.wp-pagenavi { padding-top: 15px; padding-bottom:25px; text-align: center;}
.wp-pagenavi a, .wp-pagenavi span { border: 1px solid #cb4e78; color: #cb4e78 !important;}

.like-h4, .like-h5, .like-h6 {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*********** Flex Classes *************/
.flex-md,
.flex-sm,
.flex-xs { display: block }

.flex,
.flex-lg { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; }

.flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex-align-center { -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.flex-align-end { -ms-flex-align: end; -ms-flex-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end; }
.align-self-end { -ms-align-self: end; -ms-align-self: flex-end; -webkit-align-self: flex-end; align-self: flex-end; }
.flex-justify-between { -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.flex-justify-around { -ms-flex-pack: space-around; -webkit-justify-content: space-around; justify-content: space-around; }
.flex-justify-center { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
.flex-content-center { -ms-align-content: center; -webkit-align-content: center; align-content: center; }
.flex-content-between { -ms-align-content: justify; -ms-align-content: space-between; -webkit-align-content: space-between; align-content: space-between; }
.flex-content-end { -ms-align-content: end; -ms-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end }
.flex-dir-col { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.pink-text, .pink-text a { color: #cb4e78; }

.button-outline, .button-outline:visited { text-transform: uppercase; color: #000; font-family: 'Lato', sans-serif; font-weight: bold; font-size: 14px; /* border: 1px solid #cb4e78; */ /*border: 1px solid #fff;*/ border: 1px solid #000; padding: 12px 28px; text-decoration: none !important; display: inline-block; line-height: 1; transition: all .2s ease-in-out; background: transparent; box-shadow: none; border-radius: 0;}
.button-outline:hover, .button-outline:focus { /* color: #fff; background: #cb4e78; */ color: #000; background: #fff; }

.button-fill, .button-fill:visited {text-transform: uppercase; color: #cb4e78; font-family: 'Lato', sans-serif; font-weight: bold; font-size: 14px; border: 0; padding: 12px 28px; text-decoration: none !important; display: inline-block; line-height: 1; transition: all .2s ease-in-out; background: #fff;}
.button-fill:hover, .button-fill:focus {color: #fff; background: #cb4e78;}

.button-fill-pink, .button-fill-pink:visited {text-transform: uppercase; color: #fff; font-family: 'Lato', sans-serif; font-weight: bold; font-size: 14px; border: 0; padding: 12px 28px; text-decoration: none !important; display: inline-block; line-height: 1; transition: all .2s ease-in-out; background: #cb4e78; }

.button-fill-pink:hover, .button-fill-pink:focus {color: #fff; background: #000; }

.content-image .button-outline, .content-image .button-outline:visited { border:1px solid #000; color:#000; }
.content-image .button-outline:hover, .content-image .button-outline:focus { border:1px solid #000; background:#000; color:#fff; }

.pink-content {background: #f6f2f3; }
.pink-content.content-image .button-outline, .pink-content.content-image .button-outline:visited { border:0; border-bottom: 1px solid transparent; color: #CA4E78; background: transparent; padding: 0; }
.pink-content.content-image .button-outline:hover, .pink-content.content-image .button-outline:focus { border:0; background:transparent; color:#CA4E78; text-decoration: underline; border-bottom: 1px solid #CA4E78; }


.cta-callout .button-fill:hover, .cta-callout .button-fill:focus { background:#000; color:#fff; }
.cta-callout .button-outline { border:1px solid #000; color:#000; }
.cta-callout .button-outline:hover, .cta-callout .button-outline:focus { background:#000; color:#fff; }

.neil-letter p { line-height:34px; font-size:19px; padding-bottom:10px; margin-top:20px; }
.neil-letter h3 { font-size:36px; }
.letter-footnotes p { font-size:16px !important; line-height:28px; border-top:1px solid #999; padding-top:15px; margin-top:5px; }
.letter-footnotes p a { color:#cb4e78; text-decoration:none; }
.ny-times-link { display:block; width:50%; margin:0 auto; text-align:center; background-color:#cb4e78; color:#fff !important; font-size:18px; padding:10px; text-decoration:none; transition:all 0.25s; }
.ny-times-link .fas { position:relative; left:0; transition:all 0.25s; }
.ny-times-link:hover, .ny-times-link:focus { text-decoration:none; background-color:#000; transition:all 0.25s; }
.ny-times-link:hover .fas, .ny-times-link:focus .fas { left:5px; transition:all 0.25s; }

/******* Header ******/
header {  }
#header-top { padding-top: 80px; }
.hero-header { height: 65vh; overflow: hidden; min-height: 500px; }
.hero-header.no-image {overflow: visible;}
.hero-header.no-image {background-color: #000; height: auto; min-height: auto;}
.hero-header.no-image #header-content {top: auto; margin: 0 auto; padding: 60px 15px;}
.hero-header.no-image h1, .hero-header.no-image .like-h1 {font-size: 50px;}
.hero-header.hero-home { min-height: 600px; height: 95vh; }
.hero-header .header-bg { width: 100%; min-height: 500px; height: 65vh; position: fixed; left: 0; right: 0; top: 0; z-index: -1; background:#000; }
.hero-header.hero-home .header-bg {height: 95vh;}
.hero-header video { width: 100%; min-height: 95vh; }
#logo-home img { width: auto; max-height: 80px; }

#header-content {position: relative; top: 20%;}
.hero-header.hero-home #header-content {top: 30%;}
#header-content p {font-size: 30px; font-family: 'Quicksand', sans-serif; color: #fff; line-height: 2;}
#header-content p a { color:#fff; text-decoration:none; }
#header-content p a:hover, #header-content p a:focus { color:#fff; text-decoration:underline; }
#header-content .highlighted-text { display: inline-block; height: 100%; margin-left: 15px; font-size: 29px; font-family: 'Lato', sans-serif; color: #fff; font-weight: bold; text-transform: uppercase; border-bottom: 4px solid #cb4e78; line-height: 1; padding-bottom: 7px;}
.typed-cursor {display: none;}

.call-mobile { position:fixed; top:0; right:0; padding: 13px 20px; color:#fff; line-height:1; font-size:14px; z-index:999999; text-decoration:none; }
.call-mobile .fa { color:#cb4e78; }
.call-mobile:hover, .call-mobile:focus { color:#fff; text-decoration:none; }

#fixed-seals {position: absolute; right: 30px; top: 0;}
#fixed-seals img {max-height: 90px; margin: 0; display: inline-block;}

@media screen and (max-aspect-ratio: 1920/1080){
    .hero-header video {height: 100%; width: auto; position:absolute; right:0; }
}

/**** Interior Content ****/
#interior-content { width: 100%; background: #fff; }

#featured-logos {padding: 40px 0; border-bottom: 1px solid #cbcbcb; background: #fff; }
#featured-logos.border-top {border: 0; border-top: 1px solid #cbcbcb; }
#featured-logos h4, #featured-logos .like-h4 {display: inline-block; color: #000;}
#featured-logos img {max-height: 30px; width: auto; max-width: 150px; margin: 0 auto; margin-right: 40px;}
/*#featured-logos .slick-slide:first-of-type img {margin-left: 0;}*/

#featured-logos .slick-initialized .slick-track  {
    display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;
    -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}

/**** Page Content ****/
.page-content { }
#default-content {padding: 60px 0;}

.slick-slide:focus{outline: 0;}

#home-slider {width: 100%; position: relative; padding:40px 0; }
.home-slider-container {max-width: 1460px; margin: 0 auto; position: relative; z-index: 1; min-height: 620px;}
#home-slider .home-slider {width: 100%; }
#home-slider h2, #home-slider .like-h2 {margin-bottom:40px;}
/*#home-slider .home-slider .slick-slide img {width: 67%;}*/
#home-slider .slide-content {background: #000; color: #fff; width: 38%; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); padding: 60px 60px; }
#home-slider .slide-content h3, #home-slider .slide-content .like-h3 {color: #fff; font-family: 'Quicksand', sans-serif; font-size: 36px; line-height: 1.1; padding-top:10px;}
#home-slider .slide-content h3 .subititle, #home-slider .slide-content .like-h3 .subititle { /* color: #fff; */ color:#000; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; display: block;}
#home-slider .slide-content p {font-family: 'Lato', sans-serif; font-size: 20px; color: #fff;}
.slider-bg {position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 40%; z-index: 0;}

.border-break { background: #CA4E78; height: 3px; width: 72px; margin: 8px 0; }
.border-break-full {background: #cb4e78; height: 12px; width: 100%; margin: 0;}
.border-break-thin {background: #cb4e78; height: 7px; width: 80px; margin: 10px 0 20px;}
.border-break-side {background: #cb4e78; height: 12px; width: 50%; margin: 0;}
.border-break-cover {height: 12px; margin-top: -12px;}
.border-break-cover div {background: #fff; width: 100%; height: 100%;}

.home-slider-nav {position: absolute !important; right: 0; bottom: -10px; width: 30%;}
.home-slider-nav .slick-track {left: 0 !important;}
.home-slider-nav .slider-nav-img {height: 70px; opacity: .6; cursor: pointer; margin-left: 10px; }
.home-slider-nav .slick-current .slider-nav-img  {opacity: 1; }

.border-bottom-white {width: calc(100% - 10px); margin-left: 10px; margin-top: 10px; border-bottom: 3px solid transparent;}
.home-slider-nav .slick-current .border-bottom-white { border-bottom-color: #fff; }

#home-slider.news-slider .slide-content  {background: #fff; border: 1px solid #000;}
#home-slider.news-slider .slide-content p {color: #000; font-size: 25px;}
#home-slider.news-slider .home-slider-nav {bottom: 0;}

#home-news {padding: 60px 0;}
#home-news.border-top {border-top: 1px solid #cbcbcb;}
#home-victories {padding: 80px 0;}
#home-victories p {font-size: 14px; font-family: 'Lato', sans-serif;}
#home-news h2, #home-victories h2, .video-slider h2, #home-news .like-h2, #home-victories .like-h2, .video-slider .like-h2 {margin-bottom: 60px;}
#home-news a:not(.button-outline), #home-victories a:not(.button-outline) {color: #000;}
#home-news .each-news-container {margin-bottom: 30px; min-height: 360px; height: 1px;}
#home-victories .each-news-container {margin-bottom: 30px;}
.each-news-container:hover .button-outline, .each-news-container:focus .button-outline {background: #000; color: #fff !important; }
.each-news-internal {border: 1px solid #000; padding: 30px; height: 100%;}
.each-news-internal img {margin-bottom: 40px; position: relative;}
#home-news .button-outline, #home-victories .button-outline {margin-top: 10px; position: relative; color:#000; border:1px solid #000; }

#home-news .button-outline:hover, #home-victories .button-outline:hover, #home-news .button-outline:focus, #home-victories .button-outline:focus { background:#000; color:#fff !important; }
.each-news-container.type-link h3, .each-news-container.type-video h3, .each-news-container.type-link h4, .each-news-container.type-video h4, .each-news-container.type-link .like-h3, .each-news-container.type-video .like-h3, .each-news-container.type-link .like-h4, .each-news-container.type-video .like-h4 {color: #fff; position: relative; display: block; width: 100%;}
#home-news h2, .each-news-container.type-link .like-h3, .each-news-container.type-video .like-h3 {margin-bottom: 0 !important;}
.each-news-container.type-video {cursor: pointer;}
.each-news-container.type-video .each-news-internal:before, .each-news-container.type-link .each-news-internal:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%); }
.article-source {color: #fff; font-family: 'Lato', sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; margin-left: auto; position: absolute; right: 30px; left: 30px;}
.play-button {width: 60px; height: 60px; border-radius: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin-left: auto; margin-right: auto; background: rgba(255,255,255,.7); transition: background .2s ease-in-out;}
.arrow-right {width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #e8a5af; display: block; margin-left: auto; margin-right: auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 8px; right: 0;}
.each-news-container.type-video:hover .play-button, .each-news-container.type-video:focus .play-button {background: #fff;}

body.home .each-news-container.type-video body.home .each-news-internal:before, body.home .each-news-container.type-link .each-news-internal:before { content: none; }
body.home .each-news-container.type-link h3, body.home .each-news-container.type-link h4, body.home .each-news-container.type-link .like-h3, body.home .each-news-container.type-link .like-h4 {color: #000; }
body.home .article-source { color: #000; }

#home-victories.news-slider-more {background: #f6f2f3;}
#home-victories.news-slider-more .each-news-internal {background: #fff; text-decoration: none !important;}

#home-news .each-news-container.type-link .button-outline {margin-top: 10px; position: relative; color:#fff !important; border:1px solid #fff !important;  }
#home-news .each-news-container.type-link .button-outline:hover, #home-news .each-news-container.type-link .button-outline:focus {margin-top: 10px; position: relative; color:#000 !important; background:#fff !important; border:1px solid #fff !important;  }

#home-news .each-news-container.type-link.home-link .button-outline {margin-top: 10px; position: relative; color:#000 !important; border:1px solid #000 !important;  }
#home-news .each-news-container.type-link.home-link .button-outline:hover, #home-news .each-news-container.type-link.home-link .button-outline:focus, #home-news .each-news-container.type-link.home-link .button-outline:visited {margin-top: 10px; position: relative; color:#fff !important; background:#000 !important; border:1px solid #000 !important;  }

#home-news .each-news-container.type-link.home-link:hover .button-outline, #home-news .each-news-container.type-link.home-link:focus .button-outline { color:#fff !important; background:#000 !important; border:1px solid #000 !important; }

#home-twitter {background: #000; padding: 60px 0;}
.twitter-image {width: 170px; height: 170px; border-radius: 100%; margin: 0 auto; font-size: 0;}
#home-twitter h2, #home-twitter .like-h2, #home-twitter a {color: #fff; text-decoration: none;}
#home-twitter p {font-family: 'Quicksand', sans-serif; font-size: 20px;}
#home-twitter p a:hover, #home-twitter p a:focus {text-decoration: underline;}
#home-twitter p a, #home-twitter h2 i, #home-twitter h2 .fab, #home-twitter .like-h2 i, #home-twitter .like-h2 .fab {color: #5cc0fa;}

.content-quote {padding: 60px 0;}
.content-quote .quote-box {border-left: 1px solid #cb4e78; }
.content-quote .quote-box p {font-family: 'Quicksand', sans-serif; font-size: 32px; }
.content-quote .quote-box a {text-decoration: none;}
.content-quote .quote-box a:hover, .content-quote .quote-box a:focus {text-decoration: underline;}
.content-quote .quote-box .attribution {font-family: "lato", sans-serif; font-weight: bold; font-size: 16px;}
.content-quote .quote-box .attribution-subtext {font-family: "lato", sans-serif; font-weight: bold; font-size: 11px;}

.content {padding: 60px 0;}
.content ul, .content ol {font-family: 'Lato', sans-serif; font-size: 20px; color: #000; padding-left: 40px;}
.content ul li {list-style-type: disc; margin-bottom:0px;}
.content ul li ul li {list-style-type: circle; margin-bottom:0px;}
.content ol li {margin-bottom:10px;}
.content ol li ol {margin-top:10px;}
.content ul li ul {padding-left: 20px;}
/*.content ul li ul li{list-style-type: none;}*/
.footnote {font-family: 'Lato', sans-serif; font-size: 16px;}
.content p a, .content p a:visited, .content ul li a, .content ul li a:visited { color: #cb4e78; text-decoration: none;}
.content p a:hover, .content p a:focus, .content ul li a:hover, .content ul li a:focus { color: #cb4e78; text-decoration: underline;}

.cta-callout {padding: 80px 0;}
.cta-callout h2, .cta-callout .like-h2 {font-family: 'Lato', sans-serif; text-transform: uppercase; font-size: 48px; font-weight: bold; line-height: 1.2;}
.cta-callout .border-break-full {margin-top: -80px; margin-bottom: 80px;}

.content-image {padding: 60px 0;}


.entry-summary {padding: 60px 0;}
.entry-date {margin-bottom: 20px; display: block;}

.panel-group .panel {border: 0;}
.panel-group .panel+.panel {margin-top: 10px;}
.panel-default>.panel-heading {background-color: #cb4e78; border: 0; border-radius: 0; color: #fff;}
.panel-default>.panel-heading a {color: #fff; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: bold; font-size: 18px;}


.news-slider, .video-slider {padding: 60px 0;}
.video-slider.border-top {border-top: 1px solid #cbcbcb;}

.video-slider-container .slick-slide {margin: 0 20px;}
.video-slide {height: 0; padding-bottom: 56.25%; display: block; position: relative;}
.video-overlay {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); transition: background .2s ease-in-out;}
.video-slide:hover .video-overlay, .video-slide:focus .video-overlay {background: transparent;}

form input:not([type="submit"]), form textarea {width: 100%; margin-bottom: 10px; padding: 10px; border:1px solid #999;}
hr { border-top:1px solid #cb4e78; }
form textarea {resize: vertical;}

.doc-row, .doc-row:visited, .doc-row:active, .doc-row:hover, .doc-row:focus {text-transform: none;}
.doc-row {padding: 15px; margin-bottom: 15px; text-decoration: none; position: relative; transition: color .2s ease-in-out; z-index: 1;}
.doc-row:hover, .doc-row:focus {text-decoration: none;  color: #fff !important;}
.doc-row:hover .pink-text, .doc-row:focus .pink-text {color: #fff !important; transition: color .2s ease-in-out;}
.doc-row .far, .doc-row .fas, .doc-row .fa {font-size: 45px; display: block; color: #000; transition: color .2s ease-in-out; }
.doc-row:hover .far, .doc-row:hover .fas, .doc-row:hover .fa, .doc-row:focus .far, .doc-row:focus .fas, .doc-row:focus .fa {color: #fff;}
.doc-row .right-arrow {background: #cb4e78; color: #fff; position: absolute; right: 0; top: 0; height: 100%;}
.doc-row .right-arrow .far, .doc-row .right-arrow .fas, .doc-row .right-arrow .fa {font-size: 20px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.doc-row-background {background: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}

.doc-row::after { position: absolute;content: '';top:0;right: 0;width: 0;height: 100%;background-color: #cb4e78;transform-origin:right;transition:width 0.25s ease;z-index:-1; }
.doc-row:hover::after, .doc-row:focus::after { width: 100%;}

/****** Single Template (Blog Posts) ********/

.article-container { padding-bottom:50px; }
.article-container p { font-size:18px; line-height:28px; padding:10px 0px 10px 0px; }
.article-container ul { margin-left:30px; }
.article-container li { list-style:disc; font-size:18px; line-height:28px;  }
.article-container .entry-date { color:#000; font-weight:700; font-size:16px; display:block; border-bottom:1px solid #000; padding-bottom:15px; }
span.news-title { font-size:50px; color:#fff; margin:0 0 5px; padding:0px; line-height:1; text-transform: uppercase; font-weight: bold; font-family: 'Lato', sans-serif;}
.article-container h1, .article-container .like-h1 { color:#cb4e78; text-transform:none !important; font-size:52px; line-height:1; margin-bottom:25px; }


/********* Video Popup Overlay ***********/

.overlay { width: 100%; height: 100vh; /* 50% opacity black */ background: rgba(0,0,0,1); /* Stays locked on scroll */ position: fixed; /* On top of the rest*/ z-index: 2; /* Hidden */ opacity: 0; /* No interference */ left: -100%; /* CSS3 Transition */ transition: opacity .5s; -webkit-transition: opacity .5s; z-index:99; }
.video-container { width: 90%; /* Centering */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index:100; }
.close-video { width: 20px; fill: white; position: absolute; right: 0px; /* Bring above video */ top: -30px; opacity:1; z-index:105; }
.close-video:hover, .close-video:focus { /* 50% opacity white */ fill: rgba(255,255,255,1); cursor: pointer; }
.close { opacity:1; }
.show { opacity: 1; z-index:99; }

/***** VIDEO MODAL PROPERTIES *****/

.video-modal .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    background:transparent;
    border:none;
    outline:none;
}
.video-modal .modal-dialog {
    width:76%;
}
.video-modal .modal-content iframe {
    border:none;
    padding:0;
    margin:0;
}
.video-modal .close {
    font-size: 40px;
    color:#ffffff;
    position:absolute;
    right:10px;
    top:-28px;
    /* margin:30px -43px -20px 100px; */
}

/***** VIDEO MODAL MEDIA QUERIES *****/

 @media (max-width:992px) {
    .video-modal .modal-dialog {
    width:90%;
    margin-top:10%;
    }
 }
 @media (max-width:768px) {
    .video-modal .modal-dialog {
    width:90%;
    margin-top:10%;
    }
 }
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
    .video-modal .modal-dialog {
    width:97%;
    margin-top:5%;
    }
}

 @media (max-width:430px) {
    .video-modal .modal-dialog {
    width:90%;
    margin-top:45%;
    }
 }
 @media only screen and (max-width: 641px) {
    /***** MODAL PROPERTIES *****/
    .video-modal .modal-body {
        height:100px;
        padding:0;
        margin: 0;
    }
    .video-modal .modal-content {
        padding:0;
        margin: 0;
    }
    .video-modal .modal-dialog {
        position: relative;
        width: auto;
    }
    .video-modal .close {
        top:-40px;
    }
}

/**** Footer Content ****/
footer { background: #fff; }
#contact-callout {background: #cb4e78; padding: 35px 0; color: #fff;}
#contact-callout p {font-family: 'Quicksand', sans-serif; font-size: 28px; color: #fff; font-weight: 300;}
#contact-callout a, #contact-callout a:visited {color: #fff; text-decoration: none !important; border-bottom: 2px solid transparent;}
#contact-callout a:hover, #contact-callout a:focus {color: #fff; text-decoration: none !important; border-bottom: 2px solid #fff;}

#logo-footer img { width: auto;  max-height: 80px; }

#footer-section {padding: 50px 0; border-bottom: 1px solid #cbcbcb;}
#footer-copyright {padding: 50px 0; color: #646464; font-family: 'Quicksand', sans-serif; font-size: 14px;}
#footer-copyright a, #footer-copyright a:visited {color: #646464; font-family: 'Quicksand', sans-serif; font-size: 14px; text-decoration: none;}
#footer-copyright a:hover, #footer-copyright a:focus {text-decoration: underline;}
#footer-copyright img {max-width: 140px;}
#footer-copyright p {margin-bottom: 0; font-size: 14px; color: #646464; font-family: 'Quicksand', sans-serif; }
#footer-copyright .footer-copy a {margin-left: 20px;}

#menu-footer-menu {padding: 24px 0;}
#menu-footer-menu li {margin: 0; padding: 0; border-right: 1px solid; float: left; color: #000; }
#menu-footer-menu li:last-of-type {border-right: 0;}
#menu-footer-menu li a, #menu-footer-menu li a:visited {color: #000; font-size: 16px; font-family: 'Quicksand', sans-serif; text-decoration: none; padding: 0 10px;}
#menu-footer-menu li a:hover, #menu-footer-menu li a:focus {text-decoration: underline;}
#menu-footer-menu li:first-of-type a {padding-left: 0;}

.footer-social span.fab {font-size: 30px; display: inline-block; margin: 0 5px;}
.footer-social span.fa-facebook-f {color: #5485cf;}
.footer-social span.fa-twitter {color: #5cc0fa;}

/* Breadcrumbs */
.breadcrumbs { margin:25px 0 0 0; color:#000; }
.breadcrumbs a { }
.breadcrumbs a:hover { }

/********* Search Bar ********/

#search-bar { display:table; height:45px; margin-top:4px; }
#search-bar input { background:#fff; color:#000; font-size:16px; padding:2px 9px 2px 9px; height:23px;}
#search-bar .search-icon { position: absolute; z-index: 6; top: 3px; right: 7px; }
.search_field { display: table-cell; vertical-align:middle; }
.search_field input { padding: 0; }
.search_field button { width: 23px; height: 20px; }
#search-bar input::-webkit-input-placeholder { color: #666; }
#search-bar input:-moz-placeholder { color: #000; }
#search-bar input::-moz-placeholder { color: #000; }
#search-bar input:-ms-input-placeholder { color: #000; }


/******* Main Navigation *****/
#navigation { }
#navigation .nav { height: 100%;  list-style: none; margin: 0; padding: 0; width: 100%; color:#ffffff; margin-top:0px; position:relative; }
#navigation .nav li { padding:0px; text-align: center; text-align: center; background:none; position:relative; }
#navigation .nav li a { color:#fff; font-size:17px; text-decoration:none; padding:8px 0; display: block; vertical-align: middle; line-height: 1; font-family: 'Quicksand', sans-serif; }
#navigation .nav li a div { display: table; text-align:center; width:100%; }
#navigation .nav li a span { vertical-align: middle; display:table-cell; text-align:center; width:100%; padding-top:1px; }
#navigation .nav li a span.fas {display: inline-block; width: auto;}
#navigation .nav li:hover a, #navigation .nav li a:hover, #navigation .nav li a:focus { color:#CA4E78; background: none; }
#navigation .nav li:first-child a { }
#navigation .nav li:last-child  { border-right:0px !important;  }
#navigation .nav li.current-menu-item a, #nav li.current-menu-ancestor a, #nav li.current-page-ancestor a { color:#CA4E78; }
#navigation .nav .current-menu-item, #navigation .nav .current_page_item, #navigation .nav .current-page-ancestor { color:#CA4E78; }
/* #navigation .nav li.menu-item-has-children a:after {content: '\f107'; margin-left: 5px; font-family: FontAwesome;} */
/* #navigation .nav li.menu-item-has-children a:after {margin-left: 5px;     content: '\f107'; font-family: "Font Awesome 5 Regular"; font-style: normal; font-weight: normal; } */
#navigation .nav li.menu-item-has-children ul li a:after {content: none;}
#navigation .nav li.menu-item-has-children .relative:hover > a { color:#ffffff; background:#ccc; }

.sub-menu { background: #fff; position: absolute; top: auto; z-index: 10000; padding: 0px 0px 0px 0px; margin: 0px; width: 100%;}
#navigation .nav .sub-menu  { display: none; }
#navigation .nav li:hover .sub-menu, #navigation .nav li:focus-within .sub-menu { display: block; list-style: none; min-width: 200px; }
#navigation .nav .sub-menu li { padding: 0; margin: 0px; line-height: 1em; float: none; border: 0px; width: 100% !important; display: block; background: none; height:auto !important; }
#navigation .nav .sub-menu li:hover, #navigation .nav .sub-menu li.current_page_item { background:#cb4e78; color: #fff !important; }
#navigation .nav .sub-menu li:hover a, #navigation .nav .sub-menu li.current_page_item a { background:#cb4e78; color: #fff !important; }
#navigation .nav .sub-menu li:last-child { background:none !important; }
#navigation .nav .sub-menu li:last-child.current_page_item { background:#cb4e78 !important; }
#navigation .nav .sub-menu li:last-child:hover { background:#cb4e78 !important; }
#navigation .nav .sub-menu li a { padding: 12px 10px; line-height:15px; font-size:13px; color: #000 !important; border: 0px; }
#navigation .nav .sub-menu li a:hover, #navigation .nav .sub-menu li a:focus { color:#ffffff !important; background:#cb4e78 !important; }
#navigation .nav .sub-menu li .sub-menu { }
#navigation .nav .sub-menu li .sub-menu li { }
#navigation .nav .sub-menu li .sub-menu li a { }
#navigation .nav .sub-menu li .sub-menu li a:hover { }

#navigation .nav .sub-menu li a div { display: block; text-align:center; height:auto; width:100%; }
#navigation .nav .sub-menu li a span { vertical-align: middle; display:block; text-align:center; width:100%; padding-top:1px; }
#wprmenu_menu ul li { width:100% !important; }
#wprmenu_menu ul li ul  { top:0px; }

/*********** RESPONSIVE IFRAMES *************/
.flex-video {
    position: relative;
    padding-top: 0px;
    padding-bottom: 100%; /* Fix for Google Maps on contact page */
    /* padding-bottom: 67.5%; */
    height: 0;
    margin-bottom: 0px;
    overflow: hidden;
}
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}

/****** Top Callout *******/

.press-callout-bg { display:none; background:#000;padding:5px;width:100%; }
.home.page-template .press-callout-bg { display:block; }
.press-callout { text-align:center;color:#ffffff;font-size:14px;font-weight:bold;padding:0px;margin:0px; }
.press-callout a { color:#cb4e78 !important; }

@media (max-width:1124px) {
.press-callout { font-size:12px; }
}

@media (max-width:991px) {
.press-callout { font-size:15px; }
}

@media (max-width:768px) {
.press-callout-bg {  padding:5px 15px 5px 15px; }
}

/*********** Image posts *************/

img.alignleft, .wp-caption.alignleft { float: left; margin: 12px 24px 12px 0; }
img.alignright, .wp-caption.alignright { float: right; margin: 12px 0 12px 24px; }
img.aligncenter, .wp-caption.aligncenter { display: block; clear: both; margin-top: 12px; margin-bottom: 12px; margin-left: auto !important; margin-right: auto !important; }

/*********** EXTRA MEDIA QUERIES *************/

@media (min-width:1800px) {
    .hero-header video { position:relative; top:-120px;  }
}

@media (max-width:1200px) {
    .flex-lg,
    .flex-sm,
    .flex-xs { display: block }

    .flex-md { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; }

    h3, .like-h3 {font-size: 20px;}

    #navigation .nav li a {font-size: 14px;}

    .home-slider-container {min-height: auto;}
    #home-slider .slide-content {width: 50%; }
    .home-slider-nav {position: relative !important; margin: 0 auto; width: 50%;}
    .home-slider-nav .slider-nav-img {margin-right: 5px; margin-left: 5px;}
    .border-bottom-white {margin-right: 5px; margin-left: 5px;}

    #contact-callout p {font-size: 27px;}

    .footer-social i {font-size: 20px;}

}

@media (max-width:991px) {
    .flex-lg,
    .flex-md,
    .flex-xs { display: block }

    .flex-sm { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; }

    .sub-menu {position: relative; background: #3c3939; padding: 0 !important;}
    #wprmenu_menu_ul li {padding-left: 0;}
    #wprmenu_menu_ul li i {color: #fff !important;}
    #mg-wprm-wrap li.menu-item a {padding: 13px 20px !important;}
    #mg-wprm-wrap li.menu-item .sub-menu a {padding: 13px 30px !important;}

    #fixed-seals {display: none;}
    .hero-header.hero-home {height: auto; min-height: auto;}
    #header-top {padding-top: 40px; }
    .hero-header.hero-home #header-top {position: absolute; width: 100%; }
    .hero-header.hero-home .header-bg {min-height: auto; height: auto; position: relative; top: 0;}
    .hero-header .header-bg {top: 42px; min-height: 500px;}
/*    .hero-header .header-bg {min-height: auto; position: relative;}*/
    .hero-header video { position:relative; width:100%; height:auto; min-height:auto; }
    .hero-header.hero-home #header-content {background: #000; width: 100%; padding: 30px 15px;}
/*    .hero-header.hero-home #header-content {background: #000; width: 100%; padding: 30px 15px;}*/

    #home-slider .slide-content {width: 100%; position: relative; top: auto; -webkit-transform: none; -moz-transform: none; transform: none; float: left;}
    .home-slider-nav {width: 100%;}
    #home-twitter h2, #home-twitter .like-h2 {font-size: 30px;}
    .cta-callout h2, .cta-callout .like-h2 {font-size: 30px;}
    #contact-callout p {font-size: 25px;}
    .content-quote .quote-box {margin-top: 30px; border: 0;}
    .content-quote .quote-box > div {border-left: 1px solid #cb4e78;}
    #menu-footer-menu li a {font-size: 14px;}
    .footer-social i {padding: 29px 0;}
    #footer-copyright p {margin-bottom: 10px;}
    .ny-times-link { width:100%; font-size:16px; }

}


@media (min-width:769px) and (max-width:980px) {}

@media (min-width:769px) {}

@media (max-width:768px){}

@media (max-width:767px){
    .flex-lg,
    .flex-md,
    .flex-sm { display: block }

    .flex-xs { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; }

    #home-twitter h2, #home-twitter .like-h2 {margin-top: 20px;}
    #home-twitter h2, #home-twitter .like-h2, #home-twitter p {text-align: center;}

    .border-break-side, .border-break-cover {display: none;}

    .content-image img {margin-left: auto; margin-right: auto; margin-bottom: 20px;}

    #logo-footer img {float: none !important; margin: 0 auto;}
    #menu-footer-menu li {display: block; float: none; border: 0; text-align: center;}
    #menu-footer-menu li a {padding: 0; font-size: 16px;}
    .footer-social {text-align: center; padding: 0 15px !important;}
    .footer-social i {padding: 0;}

    #footer-copyright, #footer-copyright div {text-align: center;}
    #footer-copyright .footer-copy a {margin: 5px 0; display: block;}
}

@media (max-width:680px) {
    h1, .article-container h1, .like-h1, .article-container .like-h1 {font-size: 45px;}
    h2, .like-h2 {font-size: 32px; }
    #header-content p {font-size: 20px;}
    #header-content .highlighted-text {font-size: 19px; margin-left: 0;}
}

@media (max-width:480px) {
    #logo-home img { width: 225px; height: auto; margin: 0 auto; float: none !important; }
    .hero-header.hero-home #header-top {position: relative; background: #000; padding-top: 20px; padding-bottom: 20px;}
    #home-slider .slide-content h3, #home-slider .slide-content .like-h3 { line-height:1.1; }
    #home-slider .slide-content h3 .subititle, #home-slider .slide-content .like-h3 .subititle { line-height:1.2; }
    .hero-header { background:#000; }
    .hero-header .header-bg { background-position: -600px 100% !important; opacity:0.5; z-index:0; }
    .hero-header .header-bg.video-head { opacity:1; }
    #header-top, #logo-home { z-index:1; }
    #header-content { z-index:1; }
    .page-content { background:#fff; }
    #featured-logos { background:#fff !important; z-index:1; position: relative; }
    footer { z-index:1; position: relative; }
    p { font-size:16px; }
    #home-slider .slide-content { padding:40px 60px; }
}

@media (max-width:380px) {
    h1, .article-container h1, .like-h1, .article-container .like-h1  {font-size: 35px;}
    #header-content p {font-size: 16px; line-height: 2.5;}
    #header-content .highlighted-text {font-size: 16px; }
}

@media screen and (min-width:0) {}

@media only screen and (max-width:768px) and (orientation: landscape) {}

/* iPad specific (portrait) */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {}

/* iPad 1 & 2 specific */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { }

/* iPhone 6 specific*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) { }

/* iphone 5 specific */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) { }

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) { }

/*********** IE 10 ***********/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .img-responsive { max-width:100% !important; height: auto !important; width: auto !important; } }
/********* END IE 10 ********


/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
    color: #fff;
}

.screen-reader-text:focus {
    background-color: #cb4e78;
    clip: auto !important;
    clip-path: none;
    color: #fff;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
