/* Theme Name: UPenn Epigenetics 2020 Theme URI: https://hosting.med.upenn.edu/epigenetics/ Description: Custom designed and developed theme for the UPenn Epigenetics Program. Year: 2020 Version: 3.0 Text Domain: Commexis Author: William Pyle / Commexis Author URI: http://www.commexis.com */ @font-face { font-family: 'Raleway'; src: url("assets/fonts/Raleway-Italic.woff2") format("woff2"), url("assets/fonts/Raleway-Italic.woff") format("woff"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Raleway'; src: url("assets/fonts/Raleway-Regular.woff2") format("woff2"), url("assets/fonts/Raleway-Regular.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway'; src: url("assets/fonts/Raleway-Bold.woff2") format("woff2"), url("assets/fonts/Raleway-Bold.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Raleway'; src: url("assets/fonts/Raleway-BoldItalic.woff2") format("woff2"), url("assets/fonts/Raleway-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; } @font-face { font-family: 'Raleway'; src: url("assets/fonts/Raleway-LightItalic.woff2") format("woff2"), url("assets/fonts/Raleway-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; } @font-face { font-family: 'Raleway'; src: url("assets/fonts/Raleway-Light.woff2") format("woff2"), url("assets/fonts/Raleway-Light.woff") format("woff"); font-weight: 300; font-style: normal; } /* ========================================== TYPOGRAPHY ========================================== */ /* ========================================== TEXT ========================================== */ p { line-height: 1.5; padding-bottom: 15px; } p:last-child { padding-bottom: 0; } .the-content p, .tribe-events-content p { font-size: 16px; } .the-content h1, .tribe-events-content h1 { font-size: 36px; font-weight: 800; padding-bottom: 15px; } @media screen and (max-width: 481px) { .the-content h1, .tribe-events-content h1 { font-size: 22px; } } .the-content h2, .tribe-events-content h2 { font-size: 30px; font-weight: 600; line-height: 1.5; padding-bottom: 15px; } @media screen and (max-width: 481px) { .the-content h2, .tribe-events-content h2 { font-size: 18px; } } .the-content h3, .tribe-events-content h3 { font-size: 24px; font-weight: 600; padding-bottom: 15px; } @media screen and (max-width: 481px) { .the-content h3, .tribe-events-content h3 { font-size: 16px; } } .the-content h4, .tribe-events-content h4 { font-size: 20px; font-weight: 600; padding-bottom: 15px; } .the-content h5, .tribe-events-content h5 { font-size: 18px; font-weight: 600; padding-bottom: 15px; } .the-content hr, .tribe-events-content hr { border-bottom: 1px solid #c2c1c5; color: transparent; margin-bottom: 20px; padding-top: 5px; } .the-content .tablepress tfoot th, .the-content .tablepress thead th, .tribe-events-content .tablepress tfoot th, .tribe-events-content .tablepress thead th { background-color: #2074b0; color: #fff; } .the-content .tablepress .odd td, .tribe-events-content .tablepress .odd td { background-color: #f4f4f4; } .the-content.home-content h2 { font-size: 24px; font-weight: 800; padding-bottom: 15px; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } .the-content h5 { font-size: 14px; font-weight: 600; padding-bottom: 10px; } .the-content h6 { font-size: 12px; font-weight: 600; padding-bottom: 15px; } /* ========================================== LINKS ========================================== */ a { color: #2074b0; cursor: pointer; text-decoration: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } a:hover { color: #4d4d4d; } a.btn { background-color: #2074b0; border-radius: 50px; font-size: 14px; font-weight: 600; padding: 15px 30px; text-transform: uppercase; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } @media screen and (max-width: 500px) { a.btn { display: inline-block; text-align: center; } } a.btn.small { font-size: 13px; padding: 10px 20px; } a.btn.red { background-color: #cf2734; color: #fff; } a.btn.red:hover { background-color: #4d4d4d; } a.btn.blue { background-color: #2074b0; color: #fff; } a.btn.blue:hover { background-color: #4d4d4d; } a.btn.white-border { background-color: transparent; border: 2px solid #fff; color: #fff; } a.btn.white-border:hover { background-color: rgba(255, 255, 255, 0.25); } a.btn.black-border { background-color: transparent; border: 2px solid #4d4d4d; color: #4d4d4d; } a.btn.black-border:hover { border: 2px solid #cf2734; color: #cf2734; } /* ========================================== FONT AWESOME ========================================== */ @font-face { font-family: 'FontAwesome'; src: url("assets/fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("assets/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("assets/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-facebook-square:before { content: "\f082"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-facebook-official:before { content: "\f230"; } .fa-twitter-square:before { content: "\f081"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-instagram:before { content: "\f16d"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-down:before { content: "\f078"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-caret-down:before { content: "\f0d7"; } * { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } html { height: 100%; } body { background-color: #fff; color: #4d4d4d; height: 100%; font-family: "Raleway", sans-serif; font-size: 14px; letter-spacing: 1px; font-variant-numeric: lining-nums; -moz-font-feature-settings: "lnum" 1; -moz-font-feature-settings: "lnum=1"; -ms-font-feature-settings: "lnum" 1; -o-font-feature-settings: "lnum" 1; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; } .screen-reader-text { position: absolute; left: -9999px; top: -9999px; } * html .group, *:first-child + html .group { zoom: 1; } /* ========================================== MISC ========================================== */ .show-screen { display: block; } .hide-screen { display: none; } a.post-edit-link { color: #212121; position: absolute; top: 1px; right: 0; font-size: 12px; text-decoration: none; padding-top: 5px; } a.post-edit-link:hover { text-decoration: underline; } ::selection { background: #f55608; color: #fff; } ::-moz-selection { background: #f55608; color: #fff; } .alignleft { float: left; margin: 10px 20px 10px 0; } @media screen and (max-width: 550px) { .alignleft { float: none; margin: 0 0 10px; } } .clear:after { content: ""; display: table; clear: both; } .width-100 { width: 100%; } .marg-auto { margin: 0 auto; } .word-break { /* 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; } /* ========================================== IMAGES ========================================== */ img { max-width: 100%; } img.aligncenter { float: none; margin: 0 auto; display: block; } .not-found { width: 100%; max-width: 600px; height: auto; } .size-large, .size-full, .size-medium { max-width: 100%; height: auto; } .wp-caption-text { font-size: 14px; font-style: italic; margin-bottom: 15px; padding-left: 15px; padding-bottom: 15px; } /* ========================================== PAGE CONTAINERS ========================================== */ #page { padding-top: 130px; /*@media screen and (max-width:550px) { padding-top:75px; }*/ } @media screen and (max-width: 1015px) { #page { padding-top: 90px; } } @media screen and (max-width: 700px) { #page { padding-top: 65px; } } #page.symp { padding-top: 0; } .inner-width, .inner-container { margin: 0 auto; width: 1200px; } @media screen and (max-width: 1225px) { .inner-width, .inner-container { width: 100%; padding-left: 20px; padding-right: 20px; } } blockquote { background-color: #f1f7f9; padding: 20px 20px 20px 80px; margin-bottom: 15px; font-weight: 700; color: #35404f; letter-spacing: .75px; background-image: url("images/blockquote.png"); background-repeat: no-repeat; background-position: 10px 10px; } .slideopen { cursor: pointer; } .slideopen:hover { color: #2074b0; } .slideopen h2 { position: relative; } .slideopen h2:after { content: '\f078'; display: inline; font-family: FontAwesome; font-weight: normal; font-size: 18px; font-style: normal; margin: 10px 0px 0px 10px; position: absolute; text-decoration: none; } .slideopen h2.slidetitle.open { position: relative; } .slideopen h2.slidetitle.open:after { content: '\f077'; display: inline; font-family: FontAwesome; font-weight: normal; font-style: normal; margin: 10px 0px 0px 10px; position: absolute; text-decoration: none; } .slidecontent { display: none; } .lab-title { font-size: 20px; font-weight: 600; padding-bottom: 10px; } /* ========================================== FRONT PAGE ========================================== */ .home-flex-content section, .flex-content section { padding-top: 50px; padding-bottom: 50px; width: 100%; } @media screen and (max-width: 1015px) { .home-flex-content section, .flex-content section { padding-top: 35px; padding-bottom: 35px; } } .home-flex-content section.welcome, .flex-content section.welcome { text-align: center; } .home-flex-content section.welcome h1, .flex-content section.welcome h1 { font-size: 36px; font-weight: 600; text-transform: uppercase; } @media screen and (max-width: 975px) { .home-flex-content section.welcome h1, .flex-content section.welcome h1 { font-size: 30px; } } @media screen and (max-width: 676px) { .home-flex-content section.welcome h1, .flex-content section.welcome h1 { font-size: 24px; } } .home-flex-content section.home-hero, .flex-content section.home-hero { padding-top: 0; padding-bottom: 0; } .home-flex-content section.home-hero .hero-slider .slide-content-wrap, .flex-content section.home-hero .hero-slider .slide-content-wrap { display: flex; align-items: stretch; } @media screen and (max-width: 800px) { .home-flex-content section.home-hero .hero-slider .slide-content-wrap, .flex-content section.home-hero .hero-slider .slide-content-wrap { display: block; } } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .image-container, .flex-content section.home-hero .hero-slider .slide-content-wrap .image-container { background-size: cover; background-position: center center; flex-grow: 1; } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .image-container img, .flex-content section.home-hero .hero-slider .slide-content-wrap .image-container img { display: none; } @media screen and (max-width: 800px) { .home-flex-content section.home-hero .hero-slider .slide-content-wrap .image-container img, .flex-content section.home-hero .hero-slider .slide-content-wrap .image-container img { display: block; width: 100%; } } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .video-container, .flex-content section.home-hero .hero-slider .slide-content-wrap .video-container { background-color: #2074b0; flex-grow: 1; padding: 50px; text-align: center; } @media screen and (max-width: 800px) { .home-flex-content section.home-hero .hero-slider .slide-content-wrap .video-container, .flex-content section.home-hero .hero-slider .slide-content-wrap .video-container { padding: 20px; } } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .video-container .video-content, .flex-content section.home-hero .hero-slider .slide-content-wrap .video-container .video-content { align-items: center; display: flex; height: 100%; justify-content: center; position: relative; } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .video-container .video-content .play-button, .flex-content section.home-hero .hero-slider .slide-content-wrap .video-container .video-content .play-button { position: absolute; top: 50%; margin-top: -25px; text-align: center; width: 100%; } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .video-container .video-content .play-button img, .flex-content section.home-hero .hero-slider .slide-content-wrap .video-container .video-content .play-button img { max-width: 50px !important; } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .video-container .video-content img.video_lightbox_anchor_image, .flex-content section.home-hero .hero-slider .slide-content-wrap .video-container .video-content img.video_lightbox_anchor_image { margin: 0 auto; max-width: 800px; width: 100%; } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container { background-color: #403c4e; flex: 0 0 630px; margin-left: auto; } @media screen and (max-width: 1250px) { .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container { flex: 0 0 400px; } } @media screen and (max-width: 800px) { .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container { width: 100%; } } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info { color: #fff; padding: 40px 40px 80px; font-size: 18px; } @media screen and (max-width: 1250px) { .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info { padding: 40px; } } @media screen and (max-width: 800px) { .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info { font-size: 16px; padding: 20px; } } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info a, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info a { color: #fff; font-weight: 600; } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info a:after, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info a:after { content: "\f054"; display: inline-block; font: normal normal normal 12px/1 FontAwesome; font-size: 13px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-left: 5px; } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info a:hover, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info a:hover { color: #807e87; } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info h2.small-head, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info h2.small-head { color: #807e87; font-size: 18px; font-weight: 600; letter-spacing: 12px; padding-bottom: 15px; text-transform: uppercase; } @media screen and (max-width: 769px) { .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info h2.small-head, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info h2.small-head { font-size: 16px; letter-spacing: 8px; } } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info h2.large-head, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info h2.large-head { font-size: 33px; font-weight: 800; max-width: 75%; text-transform: uppercase; } @media screen and (max-width: 1250px) { .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info h2.large-head, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info h2.large-head { font-size: 28px; max-width: 100%; } } @media screen and (max-width: 769px) { .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info h2.large-head, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info h2.large-head { font-size: 24px; } } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info h2.large-head:after, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info h2.large-head:after { background-color: #807e87; content: ""; display: block; height: 5px; margin: 30px 0 50px; width: 200px; } @media screen and (max-width: 769px) { .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info h2.large-head:after, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slide-info h2.large-head:after { margin: 30px 0; width: 150px; } } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control { background-color: #fff; border-bottom: 2px solid #f4f4f4; } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .left-arrow, .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .right-arrow, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .left-arrow, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .right-arrow { color: #c2c1c5; font-size: 20px; font-weight: 800; width: 50%; float: left; padding: 30px 10px; text-align: center; -o-transition: all .35s ease-out; -ms-transition: all .35s ease-out; -moz-transition: all .35s ease-out; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } @media screen and (max-width: 800px) { .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .left-arrow, .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .right-arrow, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .left-arrow, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .right-arrow { font-size: 16px; } } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .left-arrow .slider-prev, .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .left-arrow .slider-next, .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .right-arrow .slider-prev, .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .right-arrow .slider-next, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .left-arrow .slider-prev, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .left-arrow .slider-next, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .right-arrow .slider-prev, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .right-arrow .slider-next { cursor: pointer; display: block; } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .left-arrow:hover, .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .right-arrow:hover, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .left-arrow:hover, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .right-arrow:hover { color: #807e87; } .home-flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .left-arrow, .flex-content section.home-hero .hero-slider .slide-content-wrap .content-container .slider-control .left-arrow { border-right: 2px solid #f4f4f4; } .home-flex-content section.text-image-sidebar .inner-container, .flex-content section.text-image-sidebar .inner-container { display: flex; } @media screen and (max-width: 900px) { .home-flex-content section.text-image-sidebar .inner-container, .flex-content section.text-image-sidebar .inner-container { display: block; width: 100%; } } .home-flex-content section.text-image-sidebar .inner-container .the-content, .flex-content section.text-image-sidebar .inner-container .the-content { flex-grow: 1; padding-right: 60px; } @media screen and (max-width: 900px) { .home-flex-content section.text-image-sidebar .inner-container .the-content, .flex-content section.text-image-sidebar .inner-container .the-content { padding-right: 0px; padding-bottom: 30px; } } .home-flex-content section.text-image-sidebar .inner-container .the-content .trainee, .flex-content section.text-image-sidebar .inner-container .the-content .trainee { background-color: #f4f4f4; display: flex; margin-top: 25px; padding: 25px; } @media screen and (max-width: 600px) { .home-flex-content section.text-image-sidebar .inner-container .the-content .trainee, .flex-content section.text-image-sidebar .inner-container .the-content .trainee { display: block; } } .home-flex-content section.text-image-sidebar .inner-container .the-content .trainee .image, .flex-content section.text-image-sidebar .inner-container .the-content .trainee .image { flex: 0 0 175px; } .home-flex-content section.text-image-sidebar .inner-container .the-content .trainee .image img, .flex-content section.text-image-sidebar .inner-container .the-content .trainee .image img { max-width: 200px; } .home-flex-content section.text-image-sidebar .inner-container .the-content .trainee .content, .flex-content section.text-image-sidebar .inner-container .the-content .trainee .content { padding-left: 25px; } @media screen and (max-width: 600px) { .home-flex-content section.text-image-sidebar .inner-container .the-content .trainee .content, .flex-content section.text-image-sidebar .inner-container .the-content .trainee .content { padding: 20px 0 0 0; } } .home-flex-content section.text-image-sidebar .inner-container .the-content .trainee .content p, .flex-content section.text-image-sidebar .inner-container .the-content .trainee .content p { font-size: 15px; } .home-flex-content section.text-image-sidebar .inner-container .sidebar, .flex-content section.text-image-sidebar .inner-container .sidebar { margin-left: auto; flex: 0 0 400px; } @media screen and (max-width: 1025px) { .home-flex-content section.text-image-sidebar .inner-container .sidebar, .flex-content section.text-image-sidebar .inner-container .sidebar { flex: 0 0 300px; } } @media screen and (max-width: 900px) { .home-flex-content section.text-image-sidebar .inner-container .sidebar, .flex-content section.text-image-sidebar .inner-container .sidebar { max-width: 400px; margin: 0 auto; } } .home-flex-content section.text-image-sidebar .inner-container .sidebar .image-block img, .flex-content section.text-image-sidebar .inner-container .sidebar .image-block img { display: block; } .home-flex-content section.text-image-sidebar .inner-container .sidebar .the-content, .flex-content section.text-image-sidebar .inner-container .sidebar .the-content { background-color: #f4f4f4; padding: 25px; } .home-flex-content section.text-image-sidebar .inner-container .sidebar .the-content p, .flex-content section.text-image-sidebar .inner-container .sidebar .the-content p { font-size: 15px; } .home-flex-content section.text-video-wrap, .flex-content section.text-video-wrap { display: flex; } @media screen and (max-width: 769px) { .home-flex-content section.text-video-wrap, .flex-content section.text-video-wrap { display: block; width: 100%; } } .home-flex-content section.text-video-wrap .the-content, .flex-content section.text-video-wrap .the-content { flex-grow: 1; padding-right: 60px; } @media screen and (max-width: 769px) { .home-flex-content section.text-video-wrap .the-content, .flex-content section.text-video-wrap .the-content { padding-right: 0px; padding-bottom: 30px; } } .home-flex-content section.text-video-wrap .video-block, .flex-content section.text-video-wrap .video-block { margin-left: auto; flex: 0 0 400px; } @media screen and (max-width: 1025px) { .home-flex-content section.text-video-wrap .video-block, .flex-content section.text-video-wrap .video-block { flex: 0 0 300px; } } @media screen and (max-width: 769px) { .home-flex-content section.text-video-wrap .video-block, .flex-content section.text-video-wrap .video-block { max-width: 400px; margin: 0 auto; } } .home-flex-content section.text-video-wrap .video-block .video-wrap, .flex-content section.text-video-wrap .video-block .video-wrap { position: relative; } .home-flex-content section.text-video-wrap .video-block .video-wrap .play-button, .flex-content section.text-video-wrap .video-block .video-wrap .play-button { position: absolute; text-align: center; margin-top: -40px; top: 50%; width: 100%; } .home-flex-content section.text-video-wrap .video-block .video-wrap .play-button a, .flex-content section.text-video-wrap .video-block .video-wrap .play-button a { display: block; } .home-flex-content section.text-video-wrap .video-block .video-wrap .play-button img, .flex-content section.text-video-wrap .video-block .video-wrap .play-button img { display: inline; width: auto; } .home-flex-content section.text-video-wrap .video-block .video-wrap .video_lightbox_anchor_image, .flex-content section.text-video-wrap .video-block .video-wrap .video_lightbox_anchor_image { width: 100%; max-width: 400px; display: block; } .home-flex-content section.text-video-wrap .video-block .vid-descrip, .flex-content section.text-video-wrap .video-block .vid-descrip { padding: 25px; background-color: #f4f4f4; } .home-flex-content section.text-video-wrap .video-block .vid-descrip h3, .flex-content section.text-video-wrap .video-block .vid-descrip h3 { text-transform: uppercase; font-weight: 600; font-size: 18px; padding-bottom: 15px; } .home-flex-content section.news-awards-wrap .news-wrapper, .flex-content section.news-awards-wrap .news-wrapper { display: flex; flex-wrap: wrap; } .home-flex-content section.news-awards-wrap .news-wrapper:first-child, .flex-content section.news-awards-wrap .news-wrapper:first-child { padding-bottom: 0; } .home-flex-content section.news-awards-wrap .news-wrapper .news-intro, .flex-content section.news-awards-wrap .news-wrapper .news-intro { width: 25%; } @media screen and (max-width: 1025px) { .home-flex-content section.news-awards-wrap .news-wrapper .news-intro, .flex-content section.news-awards-wrap .news-wrapper .news-intro { text-align: center; width: 100%; } } .home-flex-content section.news-awards-wrap .news-wrapper .news-intro p, .flex-content section.news-awards-wrap .news-wrapper .news-intro p { font-size: 16px; } .home-flex-content section.news-awards-wrap .news-wrapper .news-intro h3, .flex-content section.news-awards-wrap .news-wrapper .news-intro h3 { color: #2074b0; font-size: 30px; padding-bottom: 15px; } @media screen and (max-width: 675px) { .home-flex-content section.news-awards-wrap .news-wrapper .news-intro h3, .flex-content section.news-awards-wrap .news-wrapper .news-intro h3 { font-size: 24px; } } .home-flex-content section.news-awards-wrap .news-wrapper .news-intro .news-arrows, .flex-content section.news-awards-wrap .news-wrapper .news-intro .news-arrows { padding-top: 10px; } @media screen and (max-width: 1025px) { .home-flex-content section.news-awards-wrap .news-wrapper .news-intro .news-arrows, .flex-content section.news-awards-wrap .news-wrapper .news-intro .news-arrows { padding-bottom: 20px; padding-top: 0; } } .home-flex-content section.news-awards-wrap .news-wrapper .news-intro .news-arrows .left-arrow, .home-flex-content section.news-awards-wrap .news-wrapper .news-intro .news-arrows .right-arrow, .flex-content section.news-awards-wrap .news-wrapper .news-intro .news-arrows .left-arrow, .flex-content section.news-awards-wrap .news-wrapper .news-intro .news-arrows .right-arrow { float: left; padding-right: 10px; font-size: 20px; } @media screen and (max-width: 1025px) { .home-flex-content section.news-awards-wrap .news-wrapper .news-intro .news-arrows .left-arrow, .home-flex-content section.news-awards-wrap .news-wrapper .news-intro .news-arrows .right-arrow, .flex-content section.news-awards-wrap .news-wrapper .news-intro .news-arrows .left-arrow, .flex-content section.news-awards-wrap .news-wrapper .news-intro .news-arrows .right-arrow { display: inline-block; font-size: 16px; float: none; } } .home-flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-news-prev, .home-flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-news-next, .home-flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-awards-prev, .home-flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-awards-next, .flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-news-prev, .flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-news-next, .flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-awards-prev, .flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-awards-next { background-color: #d8d8d8; border-radius: 50%; color: #807e87; cursor: pointer; display: inline-block; height: 50px; padding-top: 14px; text-align: center; width: 50px; } @media screen and (max-width: 1025px) { .home-flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-news-prev, .home-flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-news-next, .home-flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-awards-prev, .home-flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-awards-next, .flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-news-prev, .flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-news-next, .flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-awards-prev, .flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-awards-next { height: 35px; width: 35px; padding-top: 7px; } } .home-flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-news-prev.slick-disabled, .home-flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-news-next.slick-disabled, .home-flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-awards-prev.slick-disabled, .home-flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-awards-next.slick-disabled, .flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-news-prev.slick-disabled, .flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-news-next.slick-disabled, .flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-awards-prev.slick-disabled, .flex-content section.news-awards-wrap .news-wrapper .news-intro .slider-awards-next.slick-disabled { opacity: .5; cursor: default; } .home-flex-content section.news-awards-wrap .news-wrapper .news-posts, .home-flex-content section.news-awards-wrap .news-wrapper .awards-posts, .flex-content section.news-awards-wrap .news-wrapper .news-posts, .flex-content section.news-awards-wrap .news-wrapper .awards-posts { width: 75%; display: flex; } @media screen and (max-width: 1025px) { .home-flex-content section.news-awards-wrap .news-wrapper .news-posts, .home-flex-content section.news-awards-wrap .news-wrapper .awards-posts, .flex-content section.news-awards-wrap .news-wrapper .news-posts, .flex-content section.news-awards-wrap .news-wrapper .awards-posts { width: 100%; } } .home-flex-content section.news-awards-wrap .news-wrapper .news-posts .slick-track, .home-flex-content section.news-awards-wrap .news-wrapper .awards-posts .slick-track, .flex-content section.news-awards-wrap .news-wrapper .news-posts .slick-track, .flex-content section.news-awards-wrap .news-wrapper .awards-posts .slick-track { display: flex !important; } .home-flex-content section.news-awards-wrap .news-wrapper .news-posts .post-intro, .home-flex-content section.news-awards-wrap .news-wrapper .awards-posts .post-intro, .flex-content section.news-awards-wrap .news-wrapper .news-posts .post-intro, .flex-content section.news-awards-wrap .news-wrapper .awards-posts .post-intro { background-color: #f4f4f4; height: auto; margin-left: 15px; margin-right: 15px; padding: 25px; width: 33.33%; } .home-flex-content section.news-awards-wrap .news-wrapper .news-posts .post-intro .date, .home-flex-content section.news-awards-wrap .news-wrapper .awards-posts .post-intro .date, .flex-content section.news-awards-wrap .news-wrapper .news-posts .post-intro .date, .flex-content section.news-awards-wrap .news-wrapper .awards-posts .post-intro .date { font-size: 16px; font-weight: 600; padding-bottom: 10px; } .home-flex-content section.news-awards-wrap .news-wrapper .news-posts .post-intro .post-title, .home-flex-content section.news-awards-wrap .news-wrapper .awards-posts .post-intro .post-title, .flex-content section.news-awards-wrap .news-wrapper .news-posts .post-intro .post-title, .flex-content section.news-awards-wrap .news-wrapper .awards-posts .post-intro .post-title { font-size: 15px; font-weight: 600; padding-bottom: 10px; } .home-flex-content section.feat-labs-wrap, .flex-content section.feat-labs-wrap { background-color: #2074b0; padding-bottom: 60px; } .home-flex-content section.feat-labs-wrap .inner-container .intro, .flex-content section.feat-labs-wrap .inner-container .intro { color: #fff; text-align: center; } .home-flex-content section.feat-labs-wrap .inner-container .intro h1, .home-flex-content section.feat-labs-wrap .inner-container .intro h2, .home-flex-content section.feat-labs-wrap .inner-container .intro h3, .flex-content section.feat-labs-wrap .inner-container .intro h1, .flex-content section.feat-labs-wrap .inner-container .intro h2, .flex-content section.feat-labs-wrap .inner-container .intro h3 { font-size: 30px; } .home-flex-content section.feat-labs-wrap .inner-container .labs-wrap, .flex-content section.feat-labs-wrap .inner-container .labs-wrap { display: flex; } @media screen and (max-width: 676px) { .home-flex-content section.feat-labs-wrap .inner-container .labs-wrap, .flex-content section.feat-labs-wrap .inner-container .labs-wrap { display: block; } } .home-flex-content section.feat-labs-wrap .inner-container .labs-wrap .lab-single, .flex-content section.feat-labs-wrap .inner-container .labs-wrap .lab-single { padding: 0 15px; width: 33.33%; } @media screen and (max-width: 676px) { .home-flex-content section.feat-labs-wrap .inner-container .labs-wrap .lab-single, .flex-content section.feat-labs-wrap .inner-container .labs-wrap .lab-single { padding: 0 0 20px; width: 100%; } } .home-flex-content section.feat-labs-wrap .inner-container .labs-wrap .lab-single .video-image, .flex-content section.feat-labs-wrap .inner-container .labs-wrap .lab-single .video-image { position: relative; } .home-flex-content section.feat-labs-wrap .inner-container .labs-wrap .lab-single .video-image .play-button, .flex-content section.feat-labs-wrap .inner-container .labs-wrap .lab-single .video-image .play-button { margin-top: -25px; position: absolute; top: 50%; text-align: center; width: 100%; } .home-flex-content section.feat-labs-wrap .inner-container .labs-wrap .lab-single .video-image .play-button img, .flex-content section.feat-labs-wrap .inner-container .labs-wrap .lab-single .video-image .play-button img { display: inline-block !important; width: 50px; } .home-flex-content section.feat-labs-wrap .inner-container .labs-wrap .lab-single .video-image img.video_lightbox_anchor_image, .flex-content section.feat-labs-wrap .inner-container .labs-wrap .lab-single .video-image img.video_lightbox_anchor_image { display: block; } .home-flex-content section.feat-labs-wrap .inner-container .labs-wrap .lab-single .image-block img, .flex-content section.feat-labs-wrap .inner-container .labs-wrap .lab-single .image-block img { display: block; } .home-flex-content section.feat-labs-wrap .inner-container .labs-wrap .lab-single .info, .flex-content section.feat-labs-wrap .inner-container .labs-wrap .lab-single .info { background-color: #fff; padding: 20px; } .home-flex-content section.home-publications .pub-headline, .flex-content section.home-publications .pub-headline { text-align: center; } .home-flex-content section.home-publications .pub-headline h2, .flex-content section.home-publications .pub-headline h2 { font-size: 30px; font-weight: 600; } @media screen and (max-width: 675px) { .home-flex-content section.home-publications .pub-headline h2, .flex-content section.home-publications .pub-headline h2 { font-size: 24px; } } .home-flex-content section.home-publications .publications-wrap, .flex-content section.home-publications .publications-wrap { padding-top: 20px; } .home-flex-content section.home-publications .publications-wrap .publication-content, .flex-content section.home-publications .publications-wrap .publication-content { padding: 25px; } .home-flex-content section.home-publications .publications-wrap .publication-content .lab-title, .flex-content section.home-publications .publications-wrap .publication-content .lab-title { font-size: 20px; font-weight: 600; padding-bottom: 10px; } .home-flex-content section.home-publications .publications-wrap .publication-content .pub-title, .flex-content section.home-publications .publications-wrap .publication-content .pub-title { font-size: 14px; font-weight: 600; line-height: 1.5; padding-bottom: 10px; text-transform: uppercase; } .home-flex-content section.home-publications .publications-wrap .publication-content:nth-child(even), .flex-content section.home-publications .publications-wrap .publication-content:nth-child(even) { background-color: #f4f4f4; } .home-flex-content section.home-publications .publications-btn, .flex-content section.home-publications .publications-btn { padding-bottom: 15px; padding-top: 35px; text-align: center; } .home-flex-content section.home-publications .publications-btn a, .flex-content section.home-publications .publications-btn a { background-color: #2074b0; border-radius: 50px; color: #fff; font-weight: 600; padding: 20px 40px; text-transform: uppercase; } .home-flex-content section.home-publications .publications-btn a:hover, .flex-content section.home-publications .publications-btn a:hover { background-color: #104f92; } @media screen and (max-width: 815px) { .home-flex-content section.home-publications .publications-btn a, .flex-content section.home-publications .publications-btn a { padding: 15px 30px; } } .home-flex-content section.videos-home-wrapper, .flex-content section.videos-home-wrapper { background-color: #2074b0; background-blend-mode: multiply; background-size: cover; background-position: center center; color: #fff; position: relative; } .home-flex-content section.videos-home-wrapper .headline, .flex-content section.videos-home-wrapper .headline { padding-bottom: 30px; text-align: center; } .home-flex-content section.videos-home-wrapper .headline h2, .flex-content section.videos-home-wrapper .headline h2 { font-size: 30px; font-weight: 600; } @media screen and (max-width: 675px) { .home-flex-content section.videos-home-wrapper .headline h2, .flex-content section.videos-home-wrapper .headline h2 { font-size: 24px; } } .home-flex-content section.videos-home-wrapper .video-arrows, .flex-content section.videos-home-wrapper .video-arrows { z-index: 5; } .home-flex-content section.videos-home-wrapper .video-arrows .vid-left-arrow, .home-flex-content section.videos-home-wrapper .video-arrows .vid-right-arrow, .flex-content section.videos-home-wrapper .video-arrows .vid-left-arrow, .flex-content section.videos-home-wrapper .video-arrows .vid-right-arrow { position: absolute; top: 50%; margin-top: -20px; cursor: pointer; font-size: 24px; } .home-flex-content section.videos-home-wrapper .video-arrows .vid-left-arrow, .flex-content section.videos-home-wrapper .video-arrows .vid-left-arrow { left: 20px; } .home-flex-content section.videos-home-wrapper .video-arrows .vid-right-arrow, .flex-content section.videos-home-wrapper .video-arrows .vid-right-arrow { right: 20px; } @media screen and (max-width: 1360px) { .home-flex-content section.videos-home-wrapper .inner-width, .flex-content section.videos-home-wrapper .inner-width { padding-left: 50px; padding-right: 50px; } } .home-flex-content section.videos-home-wrapper .videos-list .slick-track, .flex-content section.videos-home-wrapper .videos-list .slick-track { display: flex; align-items: center; } .home-flex-content section.videos-home-wrapper .videos-list .video-wrap, .flex-content section.videos-home-wrapper .videos-list .video-wrap { position: relative; } .home-flex-content section.videos-home-wrapper .videos-list .video-wrap .play-button, .flex-content section.videos-home-wrapper .videos-list .video-wrap .play-button { position: absolute; text-align: center; margin-top: -40px; top: 50%; width: 100%; } .home-flex-content section.videos-home-wrapper .videos-list .video-wrap .play-button a, .flex-content section.videos-home-wrapper .videos-list .video-wrap .play-button a { display: block; } .home-flex-content section.videos-home-wrapper .videos-list .video-wrap .play-button img, .flex-content section.videos-home-wrapper .videos-list .video-wrap .play-button img { display: inline; width: auto; } .home-flex-content section.videos-home-wrapper .videos-list .video-wrap .video-image, .flex-content section.videos-home-wrapper .videos-list .video-wrap .video-image { max-width: 330px; text-align: center; margin: 0 auto; } .home-flex-content section.videos-home-wrapper .videos-list .video-wrap .video_lightbox_anchor_image, .flex-content section.videos-home-wrapper .videos-list .video-wrap .video_lightbox_anchor_image { width: 100%; max-width: 400px; display: block; } .home-flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide, .flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide { text-align: center; } .home-flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide .play-button, .flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide .play-button { top: 0; bottom: 0; right: 0; left: 0; margin-top: 0; } @media screen and (max-width: 769px) { .home-flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide .play-button, .flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide .play-button { background-color: transparent; margin-top: -40px; position: absolute; text-align: center; top: 50%; width: 100%; } } .home-flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide .play-button a, .flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide .play-button a { display: none; } @media screen and (max-width: 769px) { .home-flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide .play-button a, .flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide .play-button a { display: block; } } .home-flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide.slick-center, .flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide.slick-center { opacity: 1; } .home-flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide.slick-center .play-button, .flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide.slick-center .play-button { background-color: transparent; margin-top: -40px; position: absolute; text-align: center; top: 50%; width: 100%; } .home-flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide.slick-center .play-button a, .flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide.slick-center .play-button a { display: block; } .home-flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide.slick-center .video-image, .flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide.slick-center .video-image { max-width: 100%; } .home-flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide.slick-center .video_lightbox_anchor_image, .flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide.slick-center .video_lightbox_anchor_image { max-width: 400px; } .home-flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide, .flex-content section.videos-home-wrapper .videos-list .video-wrap.slick-slide { opacity: .5; } .home-flex-content section.videos-home-wrapper .white-btn, .flex-content section.videos-home-wrapper .white-btn { padding-bottom: 15px; padding-top: 60px; text-align: center; } .home-flex-content section.videos-home-wrapper .white-btn a, .flex-content section.videos-home-wrapper .white-btn a { background-color: #fff; border-radius: 50px; color: #2074b0; font-weight: 600; padding: 20px 40px; text-transform: uppercase; } .home-flex-content section.videos-home-wrapper .white-btn a:hover, .flex-content section.videos-home-wrapper .white-btn a:hover { background-color: #f4f4f4; } @media screen and (max-width: 815px) { .home-flex-content section.videos-home-wrapper .white-btn a, .flex-content section.videos-home-wrapper .white-btn a { padding: 15px 30px; } } .home-flex-content section.contact-block .inner-container .intro, .flex-content section.contact-block .inner-container .intro { text-align: center; } .home-flex-content section.contact-block .inner-container .intro h1, .home-flex-content section.contact-block .inner-container .intro h2, .home-flex-content section.contact-block .inner-container .intro h3, .flex-content section.contact-block .inner-container .intro h1, .flex-content section.contact-block .inner-container .intro h2, .flex-content section.contact-block .inner-container .intro h3 { font-size: 30px; } .home-flex-content section.contact-block .inner-container .columns-wrap, .flex-content section.contact-block .inner-container .columns-wrap { display: flex; } @media screen and (max-width: 676px) { .home-flex-content section.contact-block .inner-container .columns-wrap, .flex-content section.contact-block .inner-container .columns-wrap { display: block; text-align: center; } } .home-flex-content section.contact-block .inner-container .columns-wrap .column, .flex-content section.contact-block .inner-container .columns-wrap .column { padding: 0 10px; width: 33.33%; } @media screen and (max-width: 676px) { .home-flex-content section.contact-block .inner-container .columns-wrap .column, .flex-content section.contact-block .inner-container .columns-wrap .column { padding: 0 0 20px; width: 100%; } } .home-flex-content section.contact-block .inner-container .columns-wrap .column a, .flex-content section.contact-block .inner-container .columns-wrap .column 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; } .home-flex-content section.post-category-wrap, .flex-content section.post-category-wrap { background-color: #f4f4f4; } .home-flex-content section.post-category-wrap .latest-posts, .flex-content section.post-category-wrap .latest-posts { margin: 0 auto; width: 1200px; } @media screen and (max-width: 1225px) { .home-flex-content section.post-category-wrap .latest-posts, .flex-content section.post-category-wrap .latest-posts { padding-left: 20px; padding-right: 20px; width: 100%; } } .home-flex-content section.post-category-wrap .latest-posts .intro, .flex-content section.post-category-wrap .latest-posts .intro { text-align: center; } .home-flex-content section.post-category-wrap .latest-posts .posts-wrap, .flex-content section.post-category-wrap .latest-posts .posts-wrap { display: flex; } @media screen and (max-width: 750px) { .home-flex-content section.post-category-wrap .latest-posts .posts-wrap, .flex-content section.post-category-wrap .latest-posts .posts-wrap { display: block; text-align: center; } } .home-flex-content section.post-category-wrap .latest-posts .posts-wrap .post-single, .flex-content section.post-category-wrap .latest-posts .posts-wrap .post-single { background-color: #fff; margin: 0 1%; padding: 20px; width: 31.33%; } @media screen and (max-width: 750px) { .home-flex-content section.post-category-wrap .latest-posts .posts-wrap .post-single, .flex-content section.post-category-wrap .latest-posts .posts-wrap .post-single { margin: 0 0 20px; width: 100%; } } .home-flex-content section.post-category-wrap .latest-posts .posts-wrap .post-single .text-block .title, .flex-content section.post-category-wrap .latest-posts .posts-wrap .post-single .text-block .title { font-weight: 600; font-size: 16px; line-height: 1.5; } .home-flex-content section.post-category-wrap .latest-posts .posts-wrap .post-single .text-block .post-date, .flex-content section.post-category-wrap .latest-posts .posts-wrap .post-single .text-block .post-date { font-size: 13px; padding: 5px 0 10px; } .home-flex-content section.post-category-wrap .latest-posts .posts-wrap .post-single .text-block .post-link, .flex-content section.post-category-wrap .latest-posts .posts-wrap .post-single .text-block .post-link { padding: 35px 0 15px; } /* ========================================== SUBPAGE ========================================== */ .sub-flex-content section { padding-top: 50px; } .sub-flex-content section:first-child { padding-top: 0; } @media screen and (max-width: 769px) { .sub-flex-content section { padding-top: 30px; } } .sub-flex-content section.text-block-wrap .button-wrap { padding: 25px 0; } .sub-flex-content section.two-text-block-wrap .blocks-wrap { display: flex; } .sub-flex-content section.two-text-block-wrap .blocks-wrap .left-block, .sub-flex-content section.two-text-block-wrap .blocks-wrap .right-block { width: 50%; } .sub-flex-content section.two-text-block-wrap .blocks-wrap .left-block { padding-right: 25px; } .sub-flex-content section.two-text-block-wrap .blocks-wrap .right-block { padding-left: 25px; } .sub-flex-content section.table-wrap table { font-size: 15px; line-height: 1.5; } .sub-flex-content section.table-wrap table thead tr { background-color: #fff !important; padding: 0; vertical-align: top; } .sub-flex-content section.table-wrap table thead tr th { text-align: left; } .sub-flex-content section.table-wrap table tbody tr { vertical-align: top; } .sub-flex-content section.table-wrap table tbody tr:nth-child(odd) { background-color: #f4f4f4; } .sub-flex-content section.table-wrap table tbody tr td { padding: 10px; } .sub-flex-content section.code-block { border-bottom: 1px solid #ddd; margin-top: -25px; padding-bottom: 25px; } .sub-flex-content section.code-block:last-child { border-bottom: none; } .sub-flex-content section.code-block .indicates-required { font-style: italic; } .sub-flex-content section.code-block .mc-field-group, .sub-flex-content section.code-block .indicates-required { padding-bottom: 15px; } .sub-flex-content section.code-block label { display: inline-block; padding-bottom: 5px; } .sub-flex-content section.code-block input { border: 1px solid #ddd; border-radius: 5px; max-width: 600px; padding: 8px; width: 100%; } .sub-flex-content section.code-block input:active, .sub-flex-content section.code-block input:focus { border: 1px solid #2074b0; } .sub-flex-content section.code-block input[type="submit"] { background-color: #2074b0; border: none; border-radius: 50px; color: white; font-size: 14px; font-weight: 600; max-width: 150px; padding: 15px; text-transform: uppercase; } .sub-flex-content section.institute-members-wrap { padding-top: 25px; } .sub-flex-content section.institute-members-wrap .slideopen .slidetitle { font-size: 24px; } @media screen and (max-width: 676px) { .sub-flex-content section.institute-members-wrap .slideopen .slidetitle { font-size: 18px; } } .sub-flex-content section.institute-members-wrap .slideopen .slidetitle:after { margin: 5px 0 0 10px; } @media screen and (max-width: 676px) { .sub-flex-content section.institute-members-wrap .slideopen .slidetitle:after { font-size: 16px; margin: 2px 0 0 5px; } } .sub-flex-content section.institute-members-wrap .institute-blocks-outer .faculty-list-wrap .faculty-member { width: 20%; } @media screen and (max-width: 1200px) { .sub-flex-content section.institute-members-wrap .institute-blocks-outer .faculty-list-wrap .faculty-member { width: 25%; } } @media screen and (max-width: 641px) { .sub-flex-content section.institute-members-wrap .institute-blocks-outer .faculty-list-wrap .faculty-member { width: 33.33%; } } @media screen and (max-width: 481px) { .sub-flex-content section.institute-members-wrap .institute-blocks-outer .faculty-list-wrap .faculty-member { padding: 0 10px 20px; width: 50%; } } .sub-flex-content section.publications-wrap { padding-top: 20px; } .sub-flex-content section.publications-wrap .publication-content { border-bottom: 1px solid #f4f4f4; margin-bottom: 20px; padding: 0 0 20px; } .sub-flex-content section.publications-wrap .publication-content:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .sub-flex-content section.publications-wrap .publication-content .lab-title { font-size: 16px; font-weight: 600; padding-bottom: 10px; } .sub-flex-content section.publications-wrap .publication-content .pub-title { font-size: 14px; font-weight: 600; line-height: 1.5; padding-bottom: 10px; text-transform: uppercase; } .sub-flex-content section.podcast-list-wrap .podcast-list .single-podcast { border-bottom: 1px solid #f4f4f4; margin-bottom: 25px; padding-bottom: 25px; } .sub-flex-content section.podcast-list-wrap .podcast-list .single-podcast:last-child { border-bottom: none; } .sub-flex-content section.podcast-list-wrap .podcast-list .single-podcast .the-title { padding-bottom: 5px; } .sub-flex-content section.podcast-list-wrap .podcast-list .single-podcast .the-title h2 { font-weight: 600; } .sub-flex-content section.podcast-list-wrap .podcast-list .single-podcast .the-date { padding-bottom: 15px; } .sub-flex-content section.podcast-list-wrap .podcast-list .single-podcast .button-wrap { padding: 25px 0 20px; } .sub-flex-content section.files-block .intro { padding-bottom: 15px; } .sub-flex-content section.files-block .button-single { padding-bottom: 50px; } .sub-flex-content section.files-block .button-single:last-child { padding-bottom: 20px; } .flex-sidebar-wrap { display: flex; padding-top: 50px; padding-bottom: 50px; } @media screen and (max-width: 769px) { .flex-sidebar-wrap { display: block; } } .flex-sidebar-wrap .content-container { flex-grow: 1; padding-right: 60px; } @media screen and (max-width: 769px) { .flex-sidebar-wrap .content-container { padding-right: 0; padding-bottom: 20px; } } .flex-sidebar-wrap .content-container .blog-intro { padding-bottom: 20px; } .flex-sidebar-wrap .content-container .blog-intro img { display: block; width: 100%; } .flex-sidebar-wrap .content-container .podcast-embed { padding-bottom: 20px; } .flex-sidebar-wrap .sidebar-wrap { flex: 0 0 300px; margin-left: auto; } @media screen and (max-width: 900px) { .flex-sidebar-wrap .sidebar-wrap { flex: 0 0 250px; } } .flex-sidebar-wrap .faculty-single-page .hero-image { background-position: bottom center; background-size: cover; margin-bottom: 20px; } .flex-sidebar-wrap .faculty-single-page .hero-image .faculty-portrait { padding: 175px 20px 20px 20px; } .flex-sidebar-wrap .faculty-single-page .hero-image .faculty-portrait img { border: 5px solid #fff; max-width: 220px; } .flex-sidebar-wrap .faculty-single-page .content-block .faculty-job { font-size: 18px; line-height: 1.5; padding-bottom: 20px; } .flex-sidebar-wrap .faculty-single-page .content-block .contribution-wrap { padding-top: 15px; } .default-content-container { padding-top: 50px; padding-bottom: 50px; } .sub-flex-content section.accord-block { padding-top: 15px; } .faculty-container h2 { font-size: 18px; font-weight: 600; padding-bottom: 15px; } .faculty-container .faculty-list-wrap:last-child { padding-bottom: 0; } .faculty-container.five-columns .faculty-list-wrap .faculty-member { padding-left: 10px; padding-right: 10px; padding-bottom: 25px; width: 20%; } @media screen and (max-width: 1225px) { .faculty-container.five-columns .faculty-list-wrap .faculty-member { width: 33.33%; } } @media screen and (max-width: 880px) { .faculty-container.five-columns .faculty-list-wrap .faculty-member { width: 50%; } } @media screen and (max-width: 481px) { .faculty-container.five-columns .faculty-list-wrap .faculty-member { padding-left: 0; padding-right: 0; width: 100%; } } .faculty-list-wrap { display: flex; flex-wrap: wrap; align-items: stretch; padding-bottom: 15px; margin-left: -10px; } .faculty-list-wrap .faculty-member { padding-left: 15px; padding-right: 15px; padding-bottom: 35px; width: 33.33%; } @media screen and (max-width: 880px) { .faculty-list-wrap .faculty-member { width: 50%; } } @media screen and (max-width: 481px) { .faculty-list-wrap .faculty-member { padding-left: 0; padding-right: 0; width: 100%; } } .faculty-list-wrap .faculty-member .faculty-portrait { padding-bottom: 5px; text-align: center; } .faculty-list-wrap .faculty-member .faculty-portrait img { opacity: 1; width: 100%; max-width: 250px; -o-transition: all .35s ease-out; -ms-transition: all .35s ease-out; -moz-transition: all .35s ease-out; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } .faculty-list-wrap .faculty-member .faculty-portrait img:hover { opacity: .8; } .faculty-list-wrap .faculty-member .faculty-info { text-align: center; } .faculty-list-wrap .faculty-member .faculty-info a { font-size: 16px; font-weight: 500; } .faculty-list-wrap .faculty-member .faculty-info .faculty-job { display: block; font-size: 13px; font-style: italic; line-height: 1.5; padding-top: 5px; } @media screen and (max-width: 900px) { .faculty-single .sidebar-wrap { flex: 0 0 200px; } } .faculty-single .sidebar-wrap .faculty-portrait img { max-width: 300px; display: block; width: 100%; } .faculty-single .sidebar-wrap .faculty-info { background-color: #f4f4f4; padding: 25px; } @media screen and (max-width: 769px) { .faculty-single .sidebar-wrap .faculty-info { max-width: 300px; } } .faculty-single .sidebar-wrap .faculty-info h2 { color: #2074b0; font-size: 18px; font-weight: 500; } .faculty-single .sidebar-wrap .faculty-info .faculty-job { padding-top: 5px; font-style: italic; } .faculty-single .content-container { padding-right: 0; padding-left: 60px; } @media screen and (max-width: 769px) { .faculty-single .content-container { padding-left: 0; padding-top: 35px; } } .program-list-wrap { display: flex; flex-wrap: wrap; align-items: stretch; padding-bottom: 20px; margin-left: -10px; } .program-list-wrap .faculty-member { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; width: 20%; } @media screen and (max-width: 1200px) { .program-list-wrap .faculty-member { width: 25%; } } @media screen and (max-width: 641px) { .program-list-wrap .faculty-member { width: 33.33%; } } @media screen and (max-width: 481px) { .program-list-wrap .faculty-member { width: 100%; } } .program-list-wrap .faculty-member .faculty-portrait { padding-bottom: 5px; text-align: center; } .program-list-wrap .faculty-member .faculty-portrait img { opacity: 1; width: 100%; max-width: 250px; -o-transition: all .35s ease-out; -ms-transition: all .35s ease-out; -moz-transition: all .35s ease-out; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } .program-list-wrap .faculty-member .faculty-portrait img:hover { opacity: .8; } .program-list-wrap .faculty-member .faculty-info { text-align: center; } .program-list-wrap .faculty-member .faculty-info a { font-size: 14px; font-weight: 500; } .event-headline { text-align: center; } .event-headline h2 { font-size: 30px; } .past-events-wrap { /*display:flex; flex-wrap:wrap;*/ } .past-events-wrap .event-info { /*width:25%; padding:15px; @media screen and (max-width:975px) { width:33.33%; } @media screen and (max-width:700px) { width:50%; } @media screen and (max-width:481px) { width:100%; }*/ } .past-events-wrap .event-info .event-bg { /*background-color:$lt-grey;*/ height: 100%; } .past-events-wrap .event-info .event-bg img { width: 100%; display: block; } .past-events-wrap .event-info .event-bg .event-details { /*min-height:121px;*/ height: 100%; /*padding:15px;*/ } .past-events-wrap .event-info .event-bg .event-details .event-date { font-size: 12px; padding-bottom: 5px; text-transform: uppercase; } .past-events-wrap .event-info .event-bg .event-details .event-title { font-size: 16px; font-weight: 500; line-height: 1.5; } .past-events-page-wrap { display: flex; flex-wrap: wrap; } .past-events-page-wrap .event-info { width: 25%; padding: 15px; } @media screen and (max-width: 975px) { .past-events-page-wrap .event-info { width: 33.33%; } } @media screen and (max-width: 700px) { .past-events-page-wrap .event-info { width: 50%; } } @media screen and (max-width: 481px) { .past-events-page-wrap .event-info { width: 100%; } } .past-events-page-wrap .event-info .event-bg { background-color: #f4f4f4; height: 100%; } .past-events-page-wrap .event-info .event-bg img { width: 100%; display: block; } .past-events-page-wrap .event-info .event-bg .event-details { /*min-height:121px;*/ height: 100%; padding: 15px; } .past-events-page-wrap .event-info .event-bg .event-details .event-date { font-size: 12px; padding-bottom: 5px; text-transform: uppercase; } .past-events-page-wrap .event-info .event-bg .event-details .event-title { font-size: 16px; font-weight: 500; line-height: 1.5; } .sub-hero img { display: block; width: 100%; } .repeat-image-blocks { display: flex; flex-wrap: wrap; } .repeat-image-blocks .content-container { padding: 0 15px 30px 15px; text-align: center; width: 50%; } .repeat-image-blocks .content-container .image-con { padding-bottom: 15px; } .repeat-image-blocks .content-container img { max-width: 230px; } .repeat-image-blocks .content-container h2 { color: #2074b0; font-size: 24px; font-weight: 600; line-height: 1.25; padding-bottom: 15px; } .repeat-image-blocks .content-container h3 { color: #2074b0; font-size: 18px; font-weight: 600; line-height: 1.35; padding-bottom: 15px; text-transform: uppercase; } .blogwrap { padding: 50px 0; } .blogwrap .blog-sidebar { display: flex; margin: 0 auto; width: 1200px; } .blogwrap .blog-sidebar .posts-wrap { flex-grow: 1; padding-right: 75px; } .blogwrap .blog-sidebar .sidebar { flex: 0 0 300px; } .seminar-schedules .seminar-blocks { display: flex; flex-wrap: wrap; } @media screen and (max-width: 481px) { .seminar-schedules .seminar-blocks { display: block; } } .seminar-schedules .seminar-blocks .schedule-one, .seminar-schedules .seminar-blocks .schedule-two { width: 50%; } @media screen and (max-width: 481px) { .seminar-schedules .seminar-blocks .schedule-one, .seminar-schedules .seminar-blocks .schedule-two { width: 100%; } } .seminar-schedules .seminar-blocks .schedule-one img, .seminar-schedules .seminar-blocks .schedule-two img { width: 100%; } .seminar-schedules .seminar-blocks .schedule-one .schedule-title, .seminar-schedules .seminar-blocks .schedule-two .schedule-title { font-size: 18px; font-weight: 500; padding-top: 10px; } .seminar-schedules .seminar-blocks .schedule-one { padding-right: 20px; } @media screen and (max-width: 481px) { .seminar-schedules .seminar-blocks .schedule-one { padding: 0 0 30px 0; } } .seminar-schedules .seminar-blocks .schedule-two { padding-left: 20px; } @media screen and (max-width: 481px) { .seminar-schedules .seminar-blocks .schedule-two { padding: 0; } } section.symposium-list .symposium-thumbs { display: flex; flex-wrap: wrap; padding-top: 10px; } @media screen and (max-width: 600px) { section.symposium-list .symposium-thumbs { display: block; } } section.symposium-list .symposium-thumbs .symposium-single { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; width: 33.33%; } @media screen and (max-width: 1100px) { section.symposium-list .symposium-thumbs .symposium-single { width: 50%; } } @media screen and (max-width: 600px) { section.symposium-list .symposium-thumbs .symposium-single { width: 100%; padding-left: 0; padding-right: 0; } } section.symposium-list .symposium-thumbs .symposium-single .thumb img { display: block; width: 100%; } section.symposium-list .symposium-thumbs .symposium-single .info { background-color: #f4f4f4; font-size: 16px; font-weight: 500; line-height: 1.5; padding: 15px; } section.symposium-list .symposium-thumbs .symposium-single .info .date { font-size: 12px; font-weight: 400; padding-bottom: 5px; text-transform: uppercase; } .tribe-events-calendar thead th { background-color: #dddddd; border-left: 1px solid #807e87; border-right: 1px solid #807e87; color: #4d4d4d; } .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] > a { background-color: #f4f4f4; color: #4d4d4d; } #tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a { background-color: #2074b0 !important; } .tribe-events-calendar div[id*="tribe-events-daynum-"], .tribe-events-calendar div[id*="tribe-events-daynum-"] a { background-color: #dddddd; } /* ========================================== FACULTY ========================================== */ .sub-flex-content.fac-bio section { padding-top: 30px; } .sub-flex-content.fac-bio section:first-child { padding-top: 0; } @media screen and (max-width: 769px) { .sub-flex-content.fac-bio section { padding-top: 30px; } } .sub-flex-content.fac-bio section.button-wrap { align-items: center; display: flex; padding: 40px 0 15px; } .sub-flex-content.fac-bio section.button-wrap .column { padding-right: 15px; } .sub-flex-content.fac-bio section.button-wrap .column:last-child { padding-right: 0; } .sub-flex-content.fac-bio section.button-wrap .column.three ul { list-style-type: none; padding: 0; } .sub-flex-content.fac-bio section.button-wrap .column.three ul li { display: inline-block; font-size: 30px; line-height: 1; padding: 0 10px 0 0; } .sub-flex-content.fac-bio section.button-wrap .column.three ul li:last-child { padding-right: 0; } .sub-flex-content.fac-bio section.publication-links .links-wrap { display: flex; } .sub-flex-content.fac-bio section.publication-links .links-wrap .pub-single { padding-right: 10px; } /* ========================================== SYMPOSIUMS ========================================== */ .symp-flex-content header { padding-top: 25px; } .symp-flex-content header .logo-partner-info { display: flex; align-items: center; padding-bottom: 20px; } @media screen and (max-width: 850px) { .symp-flex-content header .logo-partner-info { flex-wrap: wrap; justify-content: center; } } @media screen and (max-width: 481px) { .symp-flex-content header .logo-partner-info { display: block; text-align: center; } } .symp-flex-content header .logo-partner-info .logo-wrap { padding-right: 25px; } @media screen and (max-width: 481px) { .symp-flex-content header .logo-partner-info .logo-wrap { padding-right: 0; padding-bottom: 10px; } } .symp-flex-content header .logo-partner-info .logo-wrap img { width: 100%; max-width: 250px; height: auto; -o-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -webkit-transition: all .25s ease-out; transition: all .25s ease-out; } @media screen and (max-width: 1000px) { .symp-flex-content header .logo-partner-info .logo-wrap img { max-width: 175px; } } .symp-flex-content header .event-info { margin-left: auto; } @media screen and (max-width: 850px) { .symp-flex-content header .event-info { padding-top: 15px; text-align: center; width: 100%; } } .symp-flex-content header .event-info h2 { color: #104f92; font-size: 24px; font-weight: 600; padding-bottom: 10px; text-transform: uppercase; } .symp-flex-content header .event-info h3 { color: #2074b0; font-size: 18px; font-weight: 500; } .symp-flex-content header .event-info p { font-weight: 500; } .symp-flex-content header .event-info sup { font-size: 14px; } .symp-flex-content header nav { border-bottom: 2px solid #f4f4f4; border-top: 2px solid #f4f4f4; text-align: center; } .symp-flex-content header nav ul.sym-nav { list-style-type: none; } .symp-flex-content header nav ul.sym-nav li { display: inline-block; font-size: 16px; text-align: center; padding: 20px 15px; } @media screen and (max-width: 925px) { .symp-flex-content header nav ul.sym-nav li { display: block; padding: 0 0 10px 0; } } .symp-flex-content header nav ul.sym-nav li:first-child { padding: 20px 15px 20px 0px; } @media screen and (max-width: 925px) { .symp-flex-content header nav ul.sym-nav li:first-child { padding: 10px 0 10px 0; } } .symp-flex-content header nav ul.sym-nav li:last-child { padding: 20px 0 20px 15px; } @media screen and (max-width: 925px) { .symp-flex-content header nav ul.sym-nav li:last-child { padding: 0 0 10px 0; } } .symp-flex-content header nav ul.sym-nav li a { color: #807e87; display: inline-block; font-weight: 500; text-transform: uppercase; } .symp-flex-content header nav ul.sym-nav li a:hover { color: #2074b0; } .symp-flex-content .hero-block { background-position: center center; background-size: cover; color: white; padding: 4% 0 6%; } @media screen and (max-width: 700px) { .symp-flex-content .hero-block { background-size: auto; } } .symp-flex-content .hero-block .hero-content { max-width: 800px; width: 100%; } @media screen and (max-width: 950px) { .symp-flex-content .hero-block .hero-content img { max-width: 130px; } } .symp-flex-content .hero-block .hero-content h2 { font-size: 24px; font-weight: 600; padding-bottom: 5px; text-transform: uppercase; } @media screen and (max-width: 676px) { .symp-flex-content .hero-block .hero-content h2 { font-size: 20px; } } .symp-flex-content .hero-block .hero-content h2 sup { font-size: 14px; } .symp-flex-content .hero-block .hero-content h3 { font-size: 30px; font-weight: 600; text-transform: uppercase; } @media screen and (max-width: 676px) { .symp-flex-content .hero-block .hero-content h3 { font-size: 24px; } } .symp-flex-content .lecturers-block { padding-bottom: 50px; padding-top: 50px; } .symp-flex-content .lecturers-block .headline-width { border-bottom: 2px solid #104f92; padding-bottom: 25px; margin: 0 auto 60px; position: relative; width: 850px; } @media screen and (max-width: 865px) { .symp-flex-content .lecturers-block .headline-width { width: 100%; } } .symp-flex-content .lecturers-block .headline-width .down-arrow { position: absolute; text-align: center; width: 100%; } .symp-flex-content .lecturers-block .headline-width .down-arrow .chev { background-color: #fff; color: #104f92; font-size: 24px; margin: 15px auto 0; width: 75px; height: 50px; } .symp-flex-content .lecturers-block h2 { font-size: 40px; font-weight: 500; text-align: center; text-transform: uppercase; } @media screen and (max-width: 850px) { .symp-flex-content .lecturers-block h2 { font-size: 24px; padding-bottom: 0; } } .symp-flex-content .lecturers-block .lecturers-wrap { display: flex; justify-content: center; } @media screen and (max-width: 750px) { .symp-flex-content .lecturers-block .lecturers-wrap { display: block; } } .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single { text-align: center; width: 50%; } @media screen and (max-width: 750px) { .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single { width: 100%; } } .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single:first-child { padding-right: 40px; } @media screen and (max-width: 750px) { .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single:first-child { padding-right: 0; padding-bottom: 35px; } } .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single:last-child { padding-left: 40px; } @media screen and (max-width: 750px) { .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single:last-child { padding-left: 0; } } .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single .lecture-image { padding-bottom: 10px; } .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single .lecture-image img { max-width: 175px; width: 100%; } .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single h2 { font-size: 30px; font-weight: 600; padding-bottom: 25px; text-transform: uppercase; } .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single h3 { font-size: 20px; font-weight: 600; padding-bottom: 10px; } .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single h4 { font-size: 18px; font-weight: 600; padding-bottom: 20px; } .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single p { font-weight: 500; line-height: 1.6; } .symp-flex-content .schedule-block { background-color: #807e87; color: #fff; padding-bottom: 10px; } .symp-flex-content .schedule-block .down-arrow-top { padding-bottom: 20px; text-align: center; } .symp-flex-content .schedule-block .down-arrow-top .fa-caret-down { font-size: 65px; margin: -27px auto 0; text-align: center; } .symp-flex-content .schedule-block .target { display: none; } .symp-flex-content .schedule-block .headline-width { border-bottom: 2px solid #fff; padding-bottom: 25px; margin: 0 auto 60px; position: relative; text-align: center; width: 850px; } @media screen and (max-width: 865px) { .symp-flex-content .schedule-block .headline-width { width: 100%; } } .symp-flex-content .schedule-block .headline-width h2 { font-size: 40px; font-weight: 500; padding-bottom: 20px; text-align: center; text-transform: uppercase; } @media screen and (max-width: 850px) { .symp-flex-content .schedule-block .headline-width h2 { font-size: 24px; padding-bottom: 0; } } .symp-flex-content .schedule-block .headline-width p { font-weight: 500; } .symp-flex-content .schedule-block .headline-width .down-arrow { position: absolute; text-align: center; width: 100%; } .symp-flex-content .schedule-block .headline-width .down-arrow .chev { background-color: #807e87; color: #fff; cursor: pointer; font-size: 24px; margin: 15px auto 0; width: 75px; height: 50px; } .symp-flex-content .schedule-block .intro { text-align: center; } .symp-flex-content .schedule-block .intro h3 { font-size: 24px; font-weight: 500; padding-bottom: 5px; } .symp-flex-content .schedule-block .intro p { font-size: 16px; } .symp-flex-content .schedule-block .schedule-wrap { padding-top: 50px; padding-bottom: 40px; } .symp-flex-content .schedule-block .schedule-wrap .schedule-single { border-bottom: 1px solid #c2c1c5; margin-bottom: 35px; padding-bottom: 35px; } .symp-flex-content .schedule-block .schedule-wrap .schedule-single:first-child { border-bottom: none; padding-bottom: 30px; margin-bottom: 0; } .symp-flex-content .schedule-block .schedule-wrap .schedule-single:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .symp-flex-content .schedule-block .schedule-wrap .schedule-single .date, .symp-flex-content .schedule-block .schedule-wrap .schedule-single .info { width: 50%; float: left; } @media screen and (max-width: 750px) { .symp-flex-content .schedule-block .schedule-wrap .schedule-single .date, .symp-flex-content .schedule-block .schedule-wrap .schedule-single .info { width: 100%; } } .symp-flex-content .schedule-block .schedule-wrap .schedule-single .date { font-size: 18px; font-weight: 600; padding-right: 20px; text-transform: uppercase; } @media screen and (max-width: 750px) { .symp-flex-content .schedule-block .schedule-wrap .schedule-single .date { padding-bottom: 5px; } } .symp-flex-content .schedule-block .schedule-wrap .schedule-single .info h3 { font-size: 18px; font-weight: 600; padding-bottom: 5px; } .symp-flex-content .speakers-block { padding-top: 40px; padding-bottom: 40px; } .symp-flex-content .speakers-block .headline-width { border-bottom: 2px solid #104f92; padding-bottom: 25px; margin: 0 auto 60px; position: relative; width: 850px; } @media screen and (max-width: 865px) { .symp-flex-content .speakers-block .headline-width { width: 100%; } } .symp-flex-content .speakers-block .headline-width .down-arrow { position: absolute; text-align: center; width: 100%; } .symp-flex-content .speakers-block .headline-width .down-arrow .chev { background-color: #fff; color: #104f92; font-size: 24px; margin: 15px auto 0; width: 75px; height: 50px; } .symp-flex-content .speakers-block .headline-width h2 { color: #104f92; font-size: 40px; font-weight: 500; text-align: center; text-transform: uppercase; } @media screen and (max-width: 850px) { .symp-flex-content .speakers-block .headline-width h2 { font-size: 24px; padding-bottom: 0; } } .symp-flex-content .speakers-block .speakers-wrap { position: relative; } .symp-flex-content .speakers-block .speakers-wrap .left-arrow { background-color: #c2c1c5; color: #fff; cursor: pointer; font-size: 18px; left: 0; line-height: 1; margin-top: -25px; padding: 7px 8px 5px; position: absolute; top: 50%; z-index: 1; } .symp-flex-content .speakers-block .speakers-wrap .right-arrow { background-color: #c2c1c5; color: #fff; cursor: pointer; font-size: 18px; margin-top: -25px; padding: 7px 8px 5px; position: absolute; right: 0; top: 50%; z-index: 1; } .symp-flex-content .speakers-block .speakers-wrap .speakers-width { max-width: 850px; margin: 0 auto; text-align: center; } @media screen and (max-width: 1000px) { .symp-flex-content .speakers-block .speakers-wrap .speakers-width { padding-left: 30px; padding-right: 30px; } } .symp-flex-content .speakers-block .speakers-wrap .speakers-width ul.slick-dots { list-style-type: none; } .symp-flex-content .speakers-block .speakers-wrap .speakers-width ul.slick-dots li { display: inline-block; padding-right: 10px; } .symp-flex-content .speakers-block .speakers-wrap .speakers-width ul.slick-dots li button { background-color: #2074b0; border: none; border-radius: 50%; color: #2074b0; font-size: 1px; opacity: .5; width: 10px; height: 10px; } .symp-flex-content .speakers-block .speakers-wrap .speakers-width ul.slick-dots li.slick-active button, .symp-flex-content .speakers-block .speakers-wrap .speakers-width ul.slick-dots li:hover button { opacity: 1; } .symp-flex-content .speakers-block .speakers-wrap .speaker-single { padding-bottom: 25px; } .symp-flex-content .speakers-block .speakers-wrap .speaker-single .portrait { padding-bottom: 15px; } .symp-flex-content .speakers-block .speakers-wrap .speaker-single .portrait img { display: inline-block; border: 2px solid #807e87; border-radius: 50%; max-width: 200px; padding: 10px; } .symp-flex-content .speakers-block .speakers-wrap .speaker-single .info h3 { font-size: 22px; font-weight: 600; padding-bottom: 10px; } .symp-flex-content .flyer-block { background-color: #807e87; color: #fff; padding-bottom: 50px; } .symp-flex-content .flyer-block .down-arrow-top { padding-bottom: 20px; text-align: center; } .symp-flex-content .flyer-block .down-arrow-top .fa-caret-down { font-size: 65px; margin: -27px auto 0; text-align: center; } .symp-flex-content .flyer-block .headline-width { border-bottom: 2px solid #fff; padding-bottom: 25px; margin: 0 auto 60px; position: relative; text-align: center; width: 850px; } @media screen and (max-width: 865px) { .symp-flex-content .flyer-block .headline-width { width: 100%; } } .symp-flex-content .flyer-block .headline-width h2 { font-size: 40px; font-weight: 500; padding-bottom: 20px; text-align: center; text-transform: uppercase; } @media screen and (max-width: 850px) { .symp-flex-content .flyer-block .headline-width h2 { font-size: 24px; padding-bottom: 0px; } } .symp-flex-content .flyer-block .headline-width p { font-weight: 500; } .symp-flex-content .flyer-block .headline-width .down-arrow { position: absolute; text-align: center; width: 100%; } .symp-flex-content .flyer-block .headline-width .down-arrow .chev { background-color: #807e87; color: #fff; font-size: 24px; margin: 15px auto 0; width: 75px; height: 50px; } .symp-flex-content .flyer-block .flyer-content { text-align: center; } .symp-flex-content .flyer-block .flyer-content img { max-width: 250px; } .symp-flex-content .register-block { padding-top: 50px; padding-bottom: 50px; } .symp-flex-content .register-block .headline-width { border-bottom: 2px solid #104f92; padding-bottom: 25px; margin: 0 auto 60px; position: relative; width: 850px; } @media screen and (max-width: 865px) { .symp-flex-content .register-block .headline-width { width: 100%; } } .symp-flex-content .register-block .headline-width .down-arrow { position: absolute; text-align: center; width: 100%; } .symp-flex-content .register-block .headline-width .down-arrow .chev { background-color: #fff; color: #104f92; font-size: 24px; margin: 15px auto 0; width: 75px; height: 50px; } .symp-flex-content .register-block h2 { font-size: 40px; font-weight: 500; text-align: center; text-transform: uppercase; } @media screen and (max-width: 850px) { .symp-flex-content .register-block h2 { font-size: 24px; padding-bottom: 0; } } .symp-flex-content .register-block .form-wrap { text-align: center; width: 800px; } .symp-flex-content .register-block .form-wrap h3 { font-size: 24px; line-height: 1.35; padding-bottom: 25px; } .symp-flex-content .register-block .form-wrap .wpcf7 { margin: 0 auto; text-align: left; width: 615px; } .tan-scheme .symp-flex-content header .event-info h2 { color: #e8a64f; } .tan-scheme .symp-flex-content header .event-info h3 { color: #1b524d; } .tan-scheme .symp-flex-content header nav { border-bottom: 2px solid #f2f0e2; border-top: 2px solid #f2f0e2; text-align: center; } .tan-scheme .symp-flex-content header nav ul.sym-nav li a:hover { color: #e8a64f; } .tan-scheme .symp-flex-content .hero-block .hero-content h2 { color: #1b524d; line-height: 1.35; font-size: 40px; padding-bottom: 10px; } @media screen and (max-width: 769px) { .tan-scheme .symp-flex-content .hero-block .hero-content h2 { font-size: 30px; } } @media screen and (max-width: 676px) { .tan-scheme .symp-flex-content .hero-block .hero-content h2 { font-size: 22px; } } .tan-scheme .symp-flex-content .hero-block .hero-content h3 { color: #1b524d; font-size: 22px; font-weight: 300; line-height: 1.35; text-transform: capitalize; } @media screen and (max-width: 676px) { .tan-scheme .symp-flex-content .hero-block .hero-content h3 { font-size: 18px; } } .tan-scheme .symp-flex-content .lecturers-block { background-color: #f2f0e2; } .tan-scheme .symp-flex-content .lecturers-block .headline-width { border-bottom: 2px solid #1b524d; } .tan-scheme .symp-flex-content .lecturers-block .headline-width .down-arrow .chev { background-color: #f2f0e2; color: #e8a64f; } .tan-scheme .symp-flex-content .lecturers-block h2 { color: #e8a64f; } .tan-scheme .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single .lecture-image img { max-width: 200px; } .tan-scheme .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single h2 { padding-bottom: 10px; text-transform: capitalize; } @media screen and (max-width: 676px) { .tan-scheme .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single h2 { font-size: 24px; } } @media screen and (max-width: 481px) { .tan-scheme .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single h2 { font-size: 20px; } } .tan-scheme .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single h3 { color: #1b524d; font-size: 18px; font-weight: 500; padding-bottom: 10px; } @media screen and (max-width: 481px) { .tan-scheme .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single h3 { font-size: 16px; } } .tan-scheme .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single h4 { font-size: 16px; font-weight: 500; padding-bottom: 15px; } .tan-scheme .symp-flex-content .schedule-block { background-color: #1b524d; } .tan-scheme .symp-flex-content .schedule-block .down-arrow-top .fa-caret-down { color: #f2f0e2; } .tan-scheme .symp-flex-content .schedule-block .headline-width { border-bottom: 2px solid #6abd45; } .tan-scheme .symp-flex-content .schedule-block .headline-width .down-arrow .chev { background-color: #1b524d; } .tan-scheme .symp-flex-content .schedule-block .schedule-wrap { padding-top: 50px; padding-bottom: 40px; } .tan-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single { border-bottom: 1px solid #c2c1c5; margin-bottom: 35px; padding-bottom: 35px; } .tan-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single:first-child { border-bottom: none; padding-bottom: 30px; margin-bottom: 0; } .tan-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .tan-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single .date, .tan-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single .info { width: 50%; float: left; } @media screen and (max-width: 750px) { .tan-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single .date, .tan-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single .info { width: 100%; } } .tan-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single .date { font-size: 18px; font-weight: 600; padding-right: 20px; text-transform: uppercase; } @media screen and (max-width: 750px) { .tan-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single .date { padding-bottom: 5px; } } .tan-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single .info h3 { font-size: 18px; font-weight: 600; padding-bottom: 5px; } .tan-scheme .symp-flex-content .speakers-block { background-color: #f2f0e2; } .tan-scheme .symp-flex-content .speakers-block .headline-width { border-bottom: 2px solid #1b524d; } .tan-scheme .symp-flex-content .speakers-block .headline-width .down-arrow .chev { background-color: #f2f0e2; color: #e8a64f; } .tan-scheme .symp-flex-content .speakers-block .headline-width h2 { color: #e8a64f; } .tan-scheme .symp-flex-content .speakers-block .speakers-wrap .left-arrow { background-color: #1b524d; color: #f2f0e2; } .tan-scheme .symp-flex-content .speakers-block .speakers-wrap .right-arrow { background-color: #1b524d; color: #f2f0e2; } .tan-scheme .symp-flex-content .speakers-block .speakers-wrap .speakers-width ul.slick-dots li button { background-color: #6abd45; color: #1b524d; } .tan-scheme .symp-flex-content .speakers-block .speakers-wrap .speaker-single .portrait img { border: 2px solid #6abd45; } .tan-scheme .symp-flex-content .speakers-block .speakers-wrap .speaker-single .info h3 { color: #e8a64f; } .tan-scheme .symp-flex-content .flyer-block { background-color: #1b524d; } .tan-scheme .symp-flex-content .flyer-block .down-arrow-top .fa-caret-down { color: #f2f0e2; } .tan-scheme .symp-flex-content .flyer-block .headline-width { border-bottom: 2px solid #6abd45; } .tan-scheme .symp-flex-content .flyer-block .headline-width h2 { padding-bottom: 0; } .tan-scheme .symp-flex-content .flyer-block .headline-width .down-arrow .chev { background-color: #1b524d; } .tan-scheme .symp-flex-content .register-block { background-color: #f2f0e2; } .tan-scheme .symp-flex-content .register-block .headline-width { border-bottom: 2px solid #1b524d; } .tan-scheme .symp-flex-content .register-block .headline-width .down-arrow .chev { background-color: #f2f0e2; color: #e8a64f; } .tan-scheme .symp-flex-content .register-block h2 { color: #e8a64f; } .tan-scheme .symp-flex-content .register-block .form-wrap { text-align: center; width: 800px; } @media screen and (max-width: 825px) { .tan-scheme .symp-flex-content .register-block .form-wrap { padding-left: 20px; padding-right: 20px; width: 100%; } } .tan-scheme .symp-flex-content .register-block .form-wrap h3 { font-size: 24px; line-height: 1.35; padding-bottom: 25px; } @media screen and (max-width: 676px) { .tan-scheme .symp-flex-content .register-block .form-wrap h3 { font-size: 20px; } } @media screen and (max-width: 481px) { .tan-scheme .symp-flex-content .register-block .form-wrap h3 { font-size: 16px; } } .tan-scheme .symp-flex-content .register-block .form-wrap .wpcf7 { margin: 0 auto; text-align: left; width: 615px; } @media screen and (max-width: 700px) { .tan-scheme .symp-flex-content .register-block .form-wrap .wpcf7 { width: 100%; } } .tan-scheme .symp-flex-content .register-block .form-wrap .wpcf7 .submit-btn { background-color: #1b524d; } .tan-scheme .symp-flex-content .register-block .form-wrap .wpcf7 .submit-btn:hover { background-color: #6abd45; } .green-scheme .symp-flex-content header .event-info h2 { color: #759251; } .green-scheme .symp-flex-content header .event-info h3 { color: #759251; } .green-scheme .symp-flex-content header nav { border-bottom: 2px solid #759251; border-top: 2px solid #759251; text-align: center; } .green-scheme .symp-flex-content header nav ul.sym-nav li a:hover { color: #759251; } .green-scheme .symp-flex-content .hero-block .hero-content h2 { color: #fff; line-height: 1.35; font-size: 40px; padding-bottom: 10px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 769px) { .green-scheme .symp-flex-content .hero-block .hero-content h2 { font-size: 30px; } } @media screen and (max-width: 676px) { .green-scheme .symp-flex-content .hero-block .hero-content h2 { font-size: 22px; } } .green-scheme .symp-flex-content .hero-block .hero-content h3 { color: #fff; font-size: 22px; font-weight: 300; line-height: 1.35; text-transform: capitalize; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 676px) { .green-scheme .symp-flex-content .hero-block .hero-content h3 { font-size: 18px; } } .green-scheme .symp-flex-content .lecturers-block .headline-width { border-bottom: 2px solid #c7cf92; } .green-scheme .symp-flex-content .lecturers-block .headline-width .down-arrow .chev { background-color: #fff; color: #759251; } .green-scheme .symp-flex-content .lecturers-block h2 { color: #759251; } .green-scheme .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single .lecture-image img { max-width: 400px; width: 100%; } .green-scheme .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single h2 { padding-bottom: 10px; text-transform: capitalize; } @media screen and (max-width: 676px) { .green-scheme .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single h2 { font-size: 24px; } } @media screen and (max-width: 481px) { .green-scheme .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single h2 { font-size: 20px; } } .green-scheme .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single h3 { color: #1b524d; font-size: 18px; font-weight: 500; padding-bottom: 10px; } @media screen and (max-width: 481px) { .green-scheme .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single h3 { font-size: 16px; } } .green-scheme .symp-flex-content .lecturers-block .lecturers-wrap .lecturer-single h4 { font-size: 16px; font-weight: 500; padding-bottom: 15px; } .green-scheme .symp-flex-content .schedule-block { background-color: #759251; } .green-scheme .symp-flex-content .schedule-block .down-arrow-top .fa-caret-down { color: #fff; } .green-scheme .symp-flex-content .schedule-block .headline-width { border-bottom: 2px solid #c7cf92; } .green-scheme .symp-flex-content .schedule-block .headline-width .down-arrow .chev { background-color: #759251; } .green-scheme .symp-flex-content .schedule-block .schedule-wrap { padding-top: 50px; padding-bottom: 40px; } .green-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single { border-bottom: 1px solid #c7cf92; margin-bottom: 35px; padding-bottom: 35px; } .green-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single:first-child { border-bottom: none; padding-bottom: 30px; margin-bottom: 0; } .green-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .green-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single .date, .green-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single .info { width: 50%; float: left; } @media screen and (max-width: 750px) { .green-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single .date, .green-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single .info { width: 100%; } } .green-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single .date { font-size: 18px; font-weight: 600; padding-right: 20px; text-transform: uppercase; } @media screen and (max-width: 750px) { .green-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single .date { padding-bottom: 5px; } } .green-scheme .symp-flex-content .schedule-block .schedule-wrap .schedule-single .info h3 { font-size: 18px; font-weight: 600; padding-bottom: 5px; } .green-scheme .symp-flex-content .speakers-block .headline-width { border-bottom: 2px solid #c7cf92; } .green-scheme .symp-flex-content .speakers-block .headline-width .down-arrow .chev { background-color: #fff; color: #759251; } .green-scheme .symp-flex-content .speakers-block .headline-width h2 { color: #759251; } .green-scheme .symp-flex-content .speakers-block .speakers-wrap .left-arrow { background-color: #759251; color: #fff; } .green-scheme .symp-flex-content .speakers-block .speakers-wrap .right-arrow { background-color: #759251; color: #fff; } .green-scheme .symp-flex-content .speakers-block .speakers-wrap .speakers-width ul.slick-dots li button { background-color: #6abd45; color: #1b524d; } .green-scheme .symp-flex-content .speakers-block .speakers-wrap .speaker-single .portrait img { border: 2px solid #c7cf92; } .green-scheme .symp-flex-content .speakers-block .speakers-wrap .speaker-single .info h3 { color: #759251; } .green-scheme .symp-flex-content .speakers-block .speakers-wrap .speaker-single .info a { background-color: #759251; border-radius: 50px; color: #fff; padding: 10px 20px; } .green-scheme .symp-flex-content .speakers-block .speakers-wrap .speaker-single .info a:hover { background-color: #c7cf92; } .green-scheme .symp-flex-content .flyer-block { background-color: #759251; } .green-scheme .symp-flex-content .flyer-block .down-arrow-top .fa-caret-down { color: #fff; } .green-scheme .symp-flex-content .flyer-block .headline-width { border-bottom: 2px solid #c7cf92; } .green-scheme .symp-flex-content .flyer-block .headline-width h2 { padding-bottom: 0; } .green-scheme .symp-flex-content .flyer-block .headline-width .down-arrow .chev { background-color: #759251; } .green-scheme .symp-flex-content .register-block { background-color: #fff; } .green-scheme .symp-flex-content .register-block .headline-width { border-bottom: 2px solid #c7cf92; } .green-scheme .symp-flex-content .register-block .headline-width .down-arrow .chev { background-color: #fff; color: #759251; } .green-scheme .symp-flex-content .register-block h2 { color: #759251; } .green-scheme .symp-flex-content .register-block .form-wrap { text-align: center; width: 800px; } @media screen and (max-width: 825px) { .green-scheme .symp-flex-content .register-block .form-wrap { padding-left: 20px; padding-right: 20px; width: 100%; } } .green-scheme .symp-flex-content .register-block .form-wrap h3 { font-size: 24px; line-height: 1.35; padding-bottom: 25px; } @media screen and (max-width: 676px) { .green-scheme .symp-flex-content .register-block .form-wrap h3 { font-size: 20px; } } @media screen and (max-width: 481px) { .green-scheme .symp-flex-content .register-block .form-wrap h3 { font-size: 16px; } } .green-scheme .symp-flex-content .register-block .form-wrap .wpcf7 { margin: 0 auto; text-align: left; width: 615px; } @media screen and (max-width: 700px) { .green-scheme .symp-flex-content .register-block .form-wrap .wpcf7 { width: 100%; } } .green-scheme .symp-flex-content .register-block .form-wrap .wpcf7 .submit-btn { background-color: #759251; } .green-scheme .symp-flex-content .register-block .form-wrap .wpcf7 .submit-btn:hover { background-color: #c7cf92; } /* ========================================== BLOG ========================================== */ .posts-accordion .post-single .accord-title { font-weight: 600 !important; padding-bottom: 5px; } .posts-accordion .post-single .date-cats { font-size: 14px !important; } .posts-accordion .post-single .date-cats div { display: inline-block; } .posts-accordion .post-single .date-cats .date { border-right: 1px solid #807e87; margin-right: 5px; padding-right: 10px; } .posts-accordion .post-single .date-cats .cats ul { padding: 0 !important; } .posts-accordion .post-single .date-cats .cats ul li { border-bottom: none !important; display: inline-block; font-size: 14px !important; padding: 0 5px 0 0 !important; } .posts-accordion .post-single .date-cats .cats ul li:after { content: ','; } .posts-accordion .post-single .date-cats .cats ul li:first-child:before { content: 'Posted In: '; } .posts-accordion .post-single .date-cats .cats ul li:last-child:after { content: ''; } .posts-accordion .post-single .button-wrap { padding: 35px 0 15px; } .posts-wrap .post-single { border-bottom: 1px solid #f4f4f4; margin-bottom: 20px; padding-bottom: 20px; } .posts-wrap .post-single:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .posts-wrap .post-single .accord-title { font-size: 16px; font-weight: 600 !important; padding-bottom: 5px; } .posts-wrap .post-single .date-cats { font-size: 14px !important; padding-bottom: 15px; } .posts-wrap .post-single .date-cats div { display: inline-block; } .posts-wrap .post-single .date-cats .date { border-right: 1px solid #807e87; margin-right: 5px; padding-right: 10px; } .posts-wrap .post-single .date-cats .cats ul { padding: 0 !important; } .posts-wrap .post-single .date-cats .cats ul li { border-bottom: none !important; display: inline-block; font-size: 14px !important; padding: 0 5px 0 0 !important; } .posts-wrap .post-single .date-cats .cats ul li:after { content: ','; } .posts-wrap .post-single .date-cats .cats ul li:first-child:before { content: 'Posted In: '; } .posts-wrap .post-single .date-cats .cats ul li:last-child:after { content: ''; } .posts-wrap .post-single .button-wrap { padding: 25px 0 10px; } .single-blog-post .date-cats { font-size: 14px !important; padding-bottom: 15px; } .single-blog-post .date-cats div { display: inline-block; } .single-blog-post .date-cats .date { border-right: 1px solid #807e87; margin-right: 5px; padding-right: 10px; } .single-blog-post .date-cats .cats ul { padding: 0 !important; } .single-blog-post .date-cats .cats ul li { border-bottom: none !important; display: inline-block; font-size: 14px !important; padding: 0 5px 0 0 !important; } .single-blog-post .date-cats .cats ul li:after { content: ','; } .single-blog-post .date-cats .cats ul li:first-child:before { content: 'Posted In: '; } .single-blog-post .date-cats .cats ul li:last-child:after { content: ''; } .news-list-wrap .news-cat-title { background-color: #f4f4f4; color: #4d4d4d; display: block; margin-bottom: 20px; padding: 15px; } .news-list-wrap .news-cat-title h2 { padding-bottom: 0; } .news-list-wrap .blog-cat-posts { padding-left: 20px; } .news-list-wrap .blog-cat-posts li { list-style-type: none; border-bottom: 1px solid #f4f4f4; font-size: 16px; font-weight: normal; margin-bottom: 20px; padding-bottom: 20px; } .news-list-wrap .blog-cat-posts li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .news-list-wrap .blog-cat-posts li .news-title { font-weight: 500; line-height: 1.5; padding-bottom: 5px; } .news-list-wrap .blog-cat-posts li .news-excerpt { font-size: 14px; padding-bottom: 10px; } .news-list-wrap .blog-cat-posts li .news-date { font-size: 14px; font-style: italic; } .news-list-wrap .single-blog { border-bottom: 1px solid #d8d8d8; margin-bottom: 30px; padding-bottom: 60px; } .news-list-wrap .single-blog:last-child { border-bottom: none; padding-bottom: 0; } .news-list-wrap .single-blog .button-wrap { padding-top: 45px; } .videos-list-wrap .video-cat-title { background-color: #f4f4f4; color: #4d4d4d; display: block; margin-bottom: 20px; padding: 15px; } .videos-list-wrap .video-cat-title h2 { padding-bottom: 0; } .videos-list-wrap .video-cat-posts { display: flex; flex-wrap: wrap; } @media screen and (max-width: 481px) { .videos-list-wrap .video-cat-posts { display: block; } } .videos-list-wrap .video-cat-posts li { list-style-type: none; font-size: 16px; font-weight: normal; margin-bottom: 20px; padding-left: 1.5%; padding-right: 1.5%; width: 33.33%; } .videos-list-wrap .video-cat-posts li:last-child { margin-bottom: 0; } @media screen and (max-width: 600px) { .videos-list-wrap .video-cat-posts li { width: 50%; } } @media screen and (max-width: 481px) { .videos-list-wrap .video-cat-posts li { width: 100%; } } .videos-list-wrap .video-cat-posts li .video-wrap .video-image { position: relative; } .videos-list-wrap .video-cat-posts li .video-wrap .video-image .play-button { margin-top: -25px; position: absolute; top: 50%; width: 100%; text-align: center; } .videos-list-wrap .video-cat-posts li .video-wrap .video-image .play-button img { width: 50px; } .videos-list-wrap .video-cat-posts li .video-wrap .video-image .play-button a { display: block; } .videos-list-wrap .video-cat-posts li img { width: 100%; } .videos-list-wrap .video-cat-posts li .news-title { font-weight: 500; line-height: 1.5; padding-bottom: 5px; } /* ========================================== PAGINATION ========================================== */ .custom-pagination { padding-top: 30px; text-align: center; } .pagination a { color: #8d8d8d; } .pagination a:hover { color: #7b7b7b; } .pagination .previous { content: ""; } .page-numbers { padding: 10px 15px; border: 2px solid #f4f4f4; margin-right: 3px; font-weight: 600; } .page-numbers.dots { padding: 10px 5px; border: none; margin-right: 0; } .page-numbers.current, a.page-numbers:hover { color: #3c3c3c; } .pagination .next.page-numbers { margin-left: 15px; } .pagination.archive-page { padding-bottom: 50px; text-align: center; } .archive-pagination { padding: 0 0 50px; text-align: center; } /* ========================================== SIDEBAR AND WIDGETS ========================================== */ .sidebar-wrap aside { background-color: #f4f4f4; margin-bottom: 30px; padding: 25px; } .sidebar-wrap aside:last-child { margin-bottom: 0; } .sidebar-wrap aside h3 { font-weight: 600; font-size: 18px; text-transform: uppercase; padding-bottom: 15px; } .sidebar-wrap aside ul, .sidebar-wrap aside ol { font-size: 14px; list-style-type: none; padding: 0; } .sidebar-wrap aside ul li, .sidebar-wrap aside ol li { border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; margin-bottom: 10px; } .sidebar-wrap aside ul li:last-child, .sidebar-wrap aside ol li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .sidebar-wrap aside ul li a, .sidebar-wrap aside ol li a { color: #2074b0; } .sidebar-wrap aside ul li a:hover, .sidebar-wrap aside ol li a:hover { color: #4d4d4d; } .sidebar-wrap aside ul li ul.sub-menu, .sidebar-wrap aside ul li ul.children, .sidebar-wrap aside ul li ul, .sidebar-wrap aside ol li ul.sub-menu, .sidebar-wrap aside ol li ul.children, .sidebar-wrap aside ol li ul { padding-left: 20px; } .sidebar-wrap aside ul li ul.sub-menu li:first-child, .sidebar-wrap aside ul li ul.children li:first-child, .sidebar-wrap aside ul li ul li:first-child, .sidebar-wrap aside ol li ul.sub-menu li:first-child, .sidebar-wrap aside ol li ul.children li:first-child, .sidebar-wrap aside ol li ul li:first-child { padding-top: 10px; } .sidebar-wrap aside ul li.current-menu-item a, .sidebar-wrap aside ol li.current-menu-item a { color: #2074b0; font-weight: 600; } .sidebar-wrap aside ul li [aria-current], .sidebar-wrap aside ol li [aria-current] { color: #2074b0; font-weight: 600; } .sidebar-wrap aside ul li.current-cat-parent > a, .sidebar-wrap aside ol li.current-cat-parent > a { color: #2074b0; font-weight: 600; } /* ========================================== SLIDERS ========================================== */ .slick-slider { -webkit-user-select: text !important; -khtml-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important; } .slick-list.draggable { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .arrow-wrap img { width: 50px; } .arrow-wrap .left-arrow { position: absolute; left: 0; z-index: 1; top: 50%; margin-top: -25px; } .arrow-wrap .right-arrow { position: absolute; right: 0; z-index: 1; top: 50%; margin-top: -25px; } /* ========================================== LISTS ========================================== */ .the-content ul, .the-content ol, .tribe-events-content ul, .tribe-events-content ol { font-size: 16px; padding-left: 30px; padding-bottom: 10px; } .the-content ul li, .the-content ol li, .tribe-events-content ul li, .tribe-events-content ol li { line-height: 1.5; padding-bottom: 10px; } /* ========================================== ACCORDION MENU ========================================== */ #cssmenu ul { list-style-type: none; padding-left: 0; } #cssmenu ul ul { display: none; padding-left: 20px; background-color: #fff; } #cssmenu ul > li a.feature-title { background-color: #f4f4f4; background-repeat: no-repeat; background-position: 98% center; color: #4d4d4d; cursor: pointer; display: block; margin-bottom: 20px; padding: 15px; } #cssmenu ul > li a.feature-title h3 { display: block; font-size: 20px; font-weight: 600; } #cssmenu ul > li a.feature-title.closed { background-image: url("images/accord-down-arrow.png"); } #cssmenu ul > li a.feature-title.open { background-image: url("images/accord-up-arrow.png"); } #cssmenu.awrecip ul > li a.feature-title { background-color: transparent; background-repeat: no-repeat; background-position: 98% center; color: #2074b0; cursor: pointer; display: block; margin-bottom: 0; padding: 0; } #cssmenu.awrecip ul > li a.feature-title h3 { display: block; font-size: 18px; font-weight: 600; } #cssmenu.awrecip ul > li a.feature-title.closed { background-image: url("images/accord-down-arrow.png"); } #cssmenu.awrecip ul > li a.feature-title.open { background-image: url("images/accord-up-arrow.png"); } #cssmenu ul li ul.hidden-content { padding-left: 0; padding-top: 15px; } #cssmenu ul li ul.hidden-content .content-container { padding: 20px; } #cssmenu ul li ul.hidden-content .content-container:nth-child(odd) { background-color: #f4f4f4; } #cssmenu ul li ul li { border-bottom: 1px solid #f4f4f4; font-size: 16px; font-weight: normal; margin-bottom: 20px; padding-bottom: 20px; } #cssmenu ul li ul li:last-child { border-bottom: none; margin-bottom: 10px; } #cssmenu ul li ul li .accord-title { font-weight: 500; line-height: 1.5; } #cssmenu ul li ul li .accord-content { line-height: 1.5; padding-top: 5px; padding-bottom: 5px; font-size: 14px; } #cssmenu ul li ul li .accord-date { padding-top: 5px; font-size: 12px; font-style: italic; } /*============= Photos Section ===============*/ .photo-sidebar-wrap { display: flex; padding-top: 50px; padding-bottom: 50px; } @media screen and (max-width: 767px) { .photo-sidebar-wrap { display: block; } } .photo-sidebar-wrap .photos-wrap { flex-grow: 1; padding-right: 50px; } @media screen and (max-width: 767px) { .photo-sidebar-wrap .photos-wrap { padding-right: 0; } } .photo-sidebar-wrap .photos-wrap article h3.photo-title { font-size: 22px; font-weight: 600; padding-bottom: 15px; } .photo-sidebar-wrap .photos-wrap article .image-excerpt-wrap .image-block { padding-bottom: 10px; } .photo-sidebar-wrap .photos-wrap article .image-excerpt-wrap .image-block img { width: 100%; } .photo-sidebar-wrap .photos-wrap article .btn-wrap { padding-top: 40px; } .photo-sidebar-wrap .photos-wrap article .btn-wrap a { background-color: #2074b0; border-radius: 50px; color: #fff; font-weight: 600; padding: 15px 30px; text-transform: uppercase; } .photo-sidebar-wrap .photos-wrap article .btn-wrap a:hover { background-color: #104f92; } .photo-sidebar-wrap .photos-wrap .featured-image img { width: 100%; } .photo-sidebar-wrap .photos-sidebar { flex: 0 0 400px; margin-left: auto; } @media screen and (max-width: 925px) { .photo-sidebar-wrap .photos-sidebar { flex: 0 0 250px; } } @media screen and (max-width: 767px) { .photo-sidebar-wrap .photos-sidebar { width: 100%; } } .photo-sidebar-wrap .photos-sidebar aside { background-color: #eeeeee; padding: 25px; } .photo-sidebar-wrap .photos-sidebar aside h2.widget-title { font-weight: 600; font-size: 18px; text-transform: uppercase; padding-bottom: 15px; } .photo-sidebar-wrap .photos-sidebar aside ul { list-style-type: none; } .photo-sidebar-wrap .photos-sidebar aside ul li { border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; margin-bottom: 10px; } .photo-sidebar-wrap .photos-sidebar aside ul li a { color: #4d4d4d; } .photo-sidebar-wrap .photos-sidebar aside ul li:first-child { padding-top: 0; } .photo-sidebar-wrap .photos-sidebar aside ul li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .photos-sidebar { float: left; padding-left: 50px; width: 33%; } @media screen and (max-width: 890px) { .photos-sidebar { max-width: 475px; margin: 0 auto; padding-left: 0; padding-top: 20px; float: none; } } .photos-sidebar aside { background-color: #eeeeee; } .photos-sidebar aside h2.widget-title { font-size: 18px; } .photos-sidebar aside ul li { border-bottom: 1px solid #807e87; padding-bottom: 10px; padding-top: 10px; } .photos-sidebar aside ul li:first-child { padding-top: 0; } .photos-sidebar aside ul li:last-child { border-bottom: 0; padding-bottom: 0; } .photos-wrap .post-date { font-size: 14px; font-style: italic; padding-bottom: 20px; } .photos-wrap article { border-bottom: 1px solid #c2c1c5; padding-bottom: 60px; margin-bottom: 30px; } .photos-wrap article:last-child { border-bottom: 0; margin-bottom: 0; } .image-gallery { padding-top: 30px; } .image-gallery .gallery-row { display: flex; flex-wrap: wrap; } .image-gallery .gallery-row .image-single { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; width: 20%; } @media screen and (max-width: 768px) { .image-gallery .gallery-row .image-single { width: 25%; } } @media screen and (max-width: 676px) { .image-gallery .gallery-row .image-single { width: 33%; } } @media screen and (max-width: 481px) { .image-gallery .gallery-row .image-single { width: 50%; } } .image-gallery .gallery-row .image-single img { display: block; width: 100%; } /* ========================================== HEADER ========================================== */ header { background-color: #fff; width: 100%; } header .header-content-wrap { background-color: #fff; padding: 20px 20px 0; position: fixed; width: 100%; z-index: 100; -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15); } @media screen and (max-width: 1015px) { header .header-content-wrap { padding: 15px 20px; } } header .header-content-wrap .logos-wrap { align-items: center; display: flex; margin: 0 auto; width: 1200px; } @media screen and (max-width: 1225px) { header .header-content-wrap .logos-wrap { width: 100%; } } header .header-content-wrap .logos-wrap .logo-wrapper { padding-right: 10px; } header .header-content-wrap .logos-wrap .logo-wrapper img { width: 100%; max-width: 300px; height: auto; order: 1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media screen and (max-width: 700px) { header .header-content-wrap .logos-wrap .logo-wrapper img { max-width: 175px; } } @media screen and (max-width: 450px) { header .header-content-wrap .logos-wrap .logo-wrapper img { max-width: 140px; } } header .header-content-wrap .logos-wrap .perelman-google { align-items: center; display: flex; margin-left: auto; } header .header-content-wrap .logos-wrap .perelman-google img { width: 100%; max-width: 140px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media screen and (max-width: 700px) { header .header-content-wrap .logos-wrap .perelman-google img { max-width: 100px; } } @media screen and (max-width: 410px) { header .header-content-wrap .logos-wrap .perelman-google img { max-width: 75px; } } header .header-content-wrap .logos-wrap .perelman-google .perelman { padding-right: 20px; } header .header-content-wrap nav { padding: 10px 0 0 0; text-align: center; } @media screen and (max-width: 1015px) { header .header-content-wrap nav { display: none; } } #menu-research { display: flex; } @media screen and (max-width: 700px) { #menu-research { display: block; } } .research-head { display: flex; align-items: stretch; } @media screen and (max-width: 1000px) { .research-head { display: block; } } .research-head .title { background-color: #2074b0; color: #fff; font-size: 20px; padding: 17px 125px 10px 15px; text-align: right; text-transform: uppercase; width: 31%; } @media screen and (max-width: 1350px) { .research-head .title { min-width: 175px; padding: 17px 20px 10px 15px; text-align: left; width: auto; } } @media screen and (max-width: 1100px) { .research-head .title { min-width: auto; } } .research-head nav { background-color: #f4f4f4; height: auto; font-size: 15px; padding: 20px 20px 20px 50px; flex-grow: 1; } @media screen and (max-width: 1100px) { .research-head nav { padding: 20px 15px; } } @media screen and (max-width: 1000px) { .research-head nav { width: 100%; } } @media screen and (max-width: 850px) { .research-head nav { padding: 10px 10px 5px 15px; } } .research-head nav ul.reg-menu { list-style-type: none; } .research-head nav ul.reg-menu li { display: inline-block; padding-right: 25px; } @media screen and (max-width: 1100px) { .research-head nav ul.reg-menu li { padding-right: 10px; } } @media screen and (max-width: 850px) { .research-head nav ul.reg-menu li { display: block; padding-right: 0; padding-bottom: 10px; } } .research-head nav ul.reg-menu li:last-child { padding-right: 0; } /* ========================================== HEADER ON RESIZE ========================================== */ header.smaller .header-content-wrap .logos-wrap .logo-wrapper img { max-width: 175px; } header.smaller .header-content-wrap .logos-wrap .perelman-google img { max-width: 100px; } /* ========================================== NAVIGATION ========================================== */ ul.top-nav li { font-size: 15px; font-weight: 500; list-style-type: none; line-height: 1.75; display: inline-block; padding: 0px 20px 0 0; text-transform: uppercase; } @media screen and (max-width: 1525px) { ul.top-nav li { padding: 0px 10px 0 0; } } @media screen and (max-width: 1050px) { ul.top-nav li { font-size: 14px; } } ul.top-nav li:last-child { padding: 0px; } ul.top-nav li a { color: #4d4d4d; display: block; padding-bottom: 10px; } ul.top-nav li a:hover, ul.top-nav li.current-menu-item a, ul.top-nav li.current-page-ancestor a, ul.top-nav li.current_page_parent a, ul.top-nav li.current-menu-parent a { color: #cf2734; } ul.top-nav li.menu-item-has-children > a:after { display: inline-block; content: ""; height: 9px; width: 12px; background: transparent url("images/down-arrow.png") no-repeat; background-position: top right; } ul.reg-menu li.current-menu-item a { color: #4d4d4d; font-weight: 500; } /* ========================================== DROPDOWNS ========================================== */ .drops li .sub-menu { background-color: #fff; font-size: 14px; display: none; padding: 15px 20px; margin-left: -50px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); } .drops li .sub-menu .sub-menu { padding: 10px 0 0 10px; margin-left: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: relative; } .drops li .sub-menu .sub-menu li { font-size: 11px; max-width: 250px; padding-bottom: 5px; } .drops li .sub-menu .sub-menu li:last-child { padding-bottom: 0; } ul.top-nav .sub-menu li.menu-item-has-children > a:after { display: none; content: ""; height: 0; width: 0; background: none; } .drops li:hover .sub-menu { display: block; } .drops .menu-item .sub-menu { position: absolute; z-index: 100; text-align: left; } .drops .menu-item .sub-menu li { display: block; font-size: 12px; font-weight: 600; padding-bottom: 15px; padding-right: 0; min-width: 155px; max-width: 205px; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; } .drops .menu-item .sub-menu li:last-child { padding-bottom: 0; } .drops .menu-item .sub-menu li a { color: #2074b0; padding: 0; } .drops .menu-item .sub-menu li a:hover { color: #cf2734; } .drops .menu-item .sub-menu li.current-menu-item a { color: #cf2734; } /* ========================================== HEADER SMALLER ========================================== */ header.smaller ul.top-nav li { font-size: 14px; } /* ========================================== MOBILE MENU ========================================== */ .menu-open { align-self: flex-start; color: #2074b0; cursor: pointer; display: none; font-size: 24px; line-height: 1; padding-right: 20px; z-index: 2; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } @media screen and (max-width: 1015px) { .menu-open { display: block; } } .menu-open:hover { color: #4d4d4d; } .sidenav { background-color: #2074b0; height: 100%; margin-left: -305px; width: 300px; position: fixed; z-index: 101; top: 0; left: 0; overflow-x: hidden; -webkit-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.25); box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.25); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .sidenav .closebtn { color: #fff; cursor: pointer; font-size: 28px; position: absolute; right: 20px; top: 0px; } .sidenav .closebtn a { color: #fff; } .sidenav .closebtn a:hover { color: #fff; } .sidenav .sidenav-content { padding: 20px; } .sidenav .sidenav-content ul.mobile-nav { list-style-type: none; } .sidenav .sidenav-content ul.mobile-nav li { font-size: 15px; padding-bottom: 5px; } .sidenav .sidenav-content ul.mobile-nav li:last-child { padding-bottom: 0; } .sidenav .sidenav-content ul.mobile-nav li a { text-decoration: none; color: #fff; display: block; } .sidenav .sidenav-content ul.mobile-nav li .sub-menu { list-style-type: none; padding: 5px 0 0 10px; } .sidenav .sidenav-content ul.mobile-nav li .sub-menu li { font-size: 14px; } .sidenav .sidenav-content ul.mobile-nav li.menu-color a { color: #fff !important; } .sidenav .sidenav-content ul.mobile-nav li.current-menu-item a, .sidenav .sidenav-content ul.mobile-nav li.current_page_ancestor > a, .sidenav .sidenav-content ul.mobile-nav li.current_page_parent > a { font-weight: 600; } .sidenav .sidenav-content .side-logo { padding: 20px 0 10px; } .sidenav .sidenav-content .side-logo img { width: 100%; } .sidenav .sidenav-content .mobile-contact { border-top: 1px solid #fff; margin-top: 15px; padding: 15px 0 10px; } .sidenav .sidenav-content .mobile-contact p { padding-bottom: 0; } .sidenav .sidenav-content .mobile-contact .social ul { list-style-type: none; } .sidenav .sidenav-content .mobile-contact .social ul li { display: inline-block; } .sidenav .sidenav-content .mobile-contact .social ul li a { color: #fff; font-size: 18px; } .sidenav .sidenav-content .mobile-contact .social ul li a:hover { color: #fff; } .sidenav.active { margin-left: 0; } #cssmenu ul ul { display: none; } /* ========================================== CONTACT FORMS ========================================== */ .form-row { padding-bottom: 25px; } .name-field, .message-field { border: 1px solid #dddddd; border-radius: 3px; font-size: 14px; letter-spacing: 1px; padding: 10px; max-width: 600px; width: 100%; color: #2e2e2e; -o-transition: all .35s ease-out; -ms-transition: all .35s ease-out; -moz-transition: all .35s ease-out; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } .message-field { height: 135px; resize: vertical; } .radio-select span.wpcf7-list-item { display: block; line-height: 1.5; padding-bottom: 10px; } .radio-select span.wpcf7-list-item:last-child { padding-bottom: 0; } ::-webkit-input-placeholder { /* WebKit browsers */ opacity: .75 !important; } ::-moz-placeholder { /* Firefox 19+ */ opacity: .75; } .name-field:focus, .message-field:focus { border: 1px solid #2074b0; } .submit-btn { background-color: #2074b0; border: none; border-radius: 50px; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 1.5px; padding: 10px 25px; text-transform: uppercase; -o-transition: all .35s ease-out; -ms-transition: all .35s ease-out; -moz-transition: all .35s ease-out; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } .submit-btn:hover { background-color: #104f92; } #s { padding: 5px; font-size: 14px; line-height: 1; border: 1px solid #303030; letter-spacing: .5px; } #searchsubmit { background-color: transparent; background-image: url("images/search_icon.png"); background-repeat: no-repeat; border: none; height: 26px; position: absolute; text-indent: -9999px; width: 26px; } /* ========================================== FOOTER ========================================== */ .footer-blue { background-color: #104f92; color: #fff; padding-top: 50px; padding-bottom: 50px; } @media screen and (max-width: 480px) { .footer-blue { padding-top: 30px; padding-bottom: 30px; text-align: center; } } .footer-blue .map { float: left; padding-right: 35px; width: 50%; } @media screen and (max-width: 815px) { .footer-blue .map { width: 100%; padding-bottom: 20px; padding-right: 0; } } .footer-blue .info { float: left; width: 30%; } @media screen and (max-width: 815px) { .footer-blue .info { width: 50%; } } @media screen and (max-width: 480px) { .footer-blue .info { width: 100%; padding-bottom: 20px; } } .footer-blue .info h4 { font-size: 16px; font-weight: 600; padding-bottom: 5px; } .footer-blue .info a { color: #fff; } .footer-blue .info a:hover { color: #f4f4f4; } .footer-blue .menu { float: left; width: 20%; padding-left: 50px; } @media screen and (max-width: 815px) { .footer-blue .menu { width: 50%; } } @media screen and (max-width: 480px) { .footer-blue .menu { width: 100%; padding-left: 0; } } .acf-map { width: 100%; height: 300px; border: #ccc solid 1px; } /* fixes potential theme css conflict */ .acf-map img { max-width: inherit !important; } ul.footer-nav { list-style-type: none; } ul.footer-nav li { font-size: 16px; line-height: 1.5; padding-bottom: 5px; } ul.footer-nav li a { color: #fff; } ul.footer-nav li .sub-menu { display: none; } .copyright-wrap { padding: 10px 0; display: flex; align-items: center; } @media screen and (max-width: 480px) { .copyright-wrap { display: block; text-align: center; } } .copyright-wrap .copyright { font-size: 12px; } .copyright-wrap .social-icons { font-size: 30px; margin-left: auto; text-align: right; } @media screen and (max-width: 480px) { .copyright-wrap .social-icons { margin: 0 auto; text-align: center; } } .copyright-wrap .social-icons ul { list-style-type: none; } .copyright-wrap .social-icons ul li { display: inline-block; } .copyright-wrap .social-icons ul a .fa-twitter-square { color: #78cdf0; -o-transition: all .35s ease-out; -ms-transition: all .35s ease-out; -moz-transition: all .35s ease-out; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; } .copyright-wrap .social-icons ul a .fa-twitter-square:hover { color: #104f92; }