/* Theme Name: WP Default Theme URI: http://components.underscores.me/ Author: Silver Connect Web Design Author URI: https://silverconnectwebdesign.com/ Description: A custom wordpress theme for WP Default Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: scwd Tags: This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. WP Default is created by the theme generator at http://components.underscores.me/, (C) 2015-2016 Automattic, Inc. Components is distributed under the terms of the GNU GPL v2 or later. */ /*-------------------------------------------------------------- # General Styles --------------------------------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700'); @import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900'); @import url('https://fonts.googleapis.com/css?family=Titillium+Web'); html { font-size: 16px; /* 1em overflow: auto;*/ height: 100%; min-height: 100%} body { font-family: "Open Sans", sans-serif; background: #F5F5F7; /*min-width: 1200px;*/ padding-top: 35px; height: 100%; min-height: 100%;} .inner #page {height: 100%; min-height: 100%;} .inner #content {height: calc(100% - 115px);} .page-id-15 #content {height: calc(100% - 78px);} a, a:visited { color: #2980B9; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a:hover { color: #19B798; text-decoration: none; } .row { margin-right: 0; margin-left: 0; } body:not(.logged-in) { padding-top: 75px; } .h1, .h2, .h3, h1, h2, h3 { margin-top: 0; } .text-center{ text-align:center;} /*-------------------------------------------------------------- # Helper Styles --------------------------------------------------------------* /* For removing bootstrap grid gutter */ .no-gutter > [class*='col-'] { padding-right:0; padding-left:0; } /*-------------------------------------------------------------- # Layout --------------------------------------------------------------*/ .site { margin: 0 auto;} .full { width: 100%; } .main {} .container, .container-fluid { max-width: 1440px; } .container-fluid2 {max-width: 100%; margin: 0 auto;} /*forms*/ .ctc-form {margin: 0 auto;text-align: center;} .ctc-form p {font-family: "Arial"!important;} .ctc-form input,.ctc-form textarea {font-size: 15px; margin-bottom: 10px; color:#000;height:33px;display: block;width: 100%;border:1px solid #ddd;padding: 5px 10px;box-sizing: border-box; border-radius: 3px;} .ctc-form textarea {height: 120px;padding-top:10px;} .ctc-form input[type="checkbox"] {height: 13px; width: 13px; display: inline; margin: 0;} .ctc-form input[type="submit"]{font-size: 15px; font-weight: 700; margin: 0 auto; border: 1px solid #ddd; background: #ddd; color: #000; transition: all ease 0.5s; padding-left: 1.5em; padding-right: 1.5em;} .ctc-form input[type="submit"]:hover {background: grey; color: #000; box-shadow: 0px 0px 10px grey;} .ctc-form .recap {display: inline-block;} .ctc-form .g-recaptcha div {margin: 0 auto;} .ctc-form p {margin: 0;} .ctc-form label {width: 100%;} ::-webkit-input-placeholder {font-weight: 400;} ::-moz-placeholder {font-weight: 400;} :-ms-input-placeholder {font-weight: 400;} :-moz-placeholder {font-weight: 400;} .inConBox {max-width: 480px; margin: 0 auto;} .noShow {display: none;} .wpcf7-list-item-label {font-weight: 400!important; font-size: 15px;} #home_content{ background: #FFF; padding: 0 50px 0 0; border: 1px solid #D1D1D3; margin-bottom: 1em;} #home_content h3{ font-family: 'Roboto Condensed', sans-serif; font-weight: normal; font-size: 20px; color: #3F3F41; margin: 20px auto 0;} #home_content p{ font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 14px; color: #3F3F40 } #home_content p strong{ font-family: 'Roboto Condensed', sans-serif; font-weight: normal; font-size: 16px; color: #3F3F40;} #home_content a{ font-family: 'Roboto Condensed', sans-serif; font-weight: normal; font-size: 16px; color: #383739; border: 1px solid #CCCCCC; display: block; width: 145px; height: 33px; text-align: center; line-height: 33px; border-radius: 50px;} .post { min-height: 150px; } .post-title { font-size: 1.225em; font-family: 'Titillium Web'; text-transform: uppercase; } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ .site-header {min-width: 1200px; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 99; transition: all 0.2s ease; background: #F5F5F7; } .custom-logo { /*max-width: 300px;*/ max-width: 90px;} .site-title { font-size: 2.5em; /*40px*/ } .site-description { font-size: 1.125em; /*16px*/ font-weight: 400; margin: 10px 0; } #masthead{ display: block; height: 75px;} .site-header .header-row, .site-footer .footer-row{ justify-content: space-between; padding-left: 15px; padding-right: 15px; height: 100%; align-items: center } .flex-row {display: flex;} .site-header .container-fluid2 { height: 100%; } /*-------------------------------------------------------------- ## Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ### Menu --------------------------------------------------------------*/ .skip-link.screen-reader-text { padding: 0; } .main-navigation { float: none !important;} .pull-right {float: none !important;} /* Main Navigation */ .main-navigation { /*border-radius: 3px;*/ clear: both; color: #fff; display: block; width: 100%;} .main-navigation, .main-navigation ul li > ul, .main-navigation ul li:hover > ul { /*background: #16A085;*/ } .main-navigation a { color: #383739; display: block; padding: 0 3em; text-decoration: none; border-radius: 50px; text-transform: uppercase; letter-spacing: 2px; font-family: 'Titillium Web'; font-size: 0.750rem; font-weight: 700;} .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .main-navigation ul li:first-child a { /*border-radius: 3px 0 0 3px;*/ } .main-navigation li { float: left; position: relative; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; font-size: 16px; color: #383739} .main-navigation ul:not(.sub-menu) li:hover > a { } .main-navigation ul:not(.sub-menu) a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {/*border: 1px solid #CCC*/} .navigation-top ul { display: flex; justify-content: center; } .navigation-top ul li { float: none !important; } .social-navigation ul{ text-align: right; } .social-navigation li {padding:0 0.400em} .col-md-3 {padding-right: 0;} /* Sub Menu */ .main-navigation ul ul { border-radius: 0 0 3px 3px; top: 100%; background: #F5F5F7; } .main-navigation .sub-menu a { width: 270px; border: none; } .main-navigation .sub-menu a:hover { width: 270px; border: none !important; color: #3F3F41; } /*.main-navigation .sub-menu li { border-top: 1px solid #ccc; } .main-navigation .sub-menu li:last-child a:hover { border-radius: 0 0 3px 3px; } */ .main-navigation ul ul ul { left: -999em; top: 0; } /*-------------------------------------------------------------- # Primary / Content Area --------------------------------------------------------------*/ .content-area { } #content h1 {font-family: 'Titillium Web'; letter-spacing: 8px; font-size: 28px;} /*#content {margin-top: 50px !important;}*/ .home #main{ max-width: 960px; margin: 0 auto;} .home #main hr{ background: #ECECEC; height: 2px; border: none; margin: 15px auto;} .home #primary{ background: url(./assets/images/bg1.jpg) center bottom no-repeat; } .entry-header{ display: none; } .home #primary {margin-top: 30px;} .home #main{ background: url(./assets/images/bg2.png) center top no-repeat; padding: 15px 0 0} .contact-logo{ /*padding-top: 20%;*/margin-top: -20px;} form{ width: 100%; max-width: 100%; } .cnLeft img{ /*max-height: 350px;*/ } .cnRight {padding-left: 20px;} .contact-logo img { width: 65% !important; max-width: 300px!important; margin-left: -100px;} .inConBox br { display: none; } .ctc-form input[type="submit"] { margin-top: 0.425em; } #Galleryh3 h3,#page-bottom h3, h3.widget-title{ font-family: 'Roboto Condensed', sans-serif; font-weight: normal; font-size: 20px; color: #3F3F41; /*background: url(./assets/images/bg3.png) center no-repeat;*/ text-align: center;} .bwg_standart_thumb_spun1_0:hover { transform: scale(1) !important; } #page-bottom #thumbnails .sow-image-container{ overflow: hidden; } #page-bottom #thumbnails .sow-image-container img { transition: all 0.2s ease; } #page-bottom #thcont2,#page-bottom #thcont3,#page-bottom #thcont{ position: relative; } #page-bottom #thcont2:hover img ,#page-bottom #thcont3:hover img,#page-bottom #thcont:hover img { transform: scale(1.07) } #page-bottom #thcont2 h3{ padding-bottom: 30px; } #page-bottom #thcont3 h3{ padding-bottom: 30px; } /*#bios-container { background: url('./assets/images/tomtaus-3.png') no-repeat center left; background-size: auto 100%; }*/ #bios-container { justify-content: center; align-items: center; padding: 25px 0 26px; } #bios-container > .panel-grid-cell:last-child { width: 250px !important; margin-left: 3em; } .thumbnail-widget { position: relative; } .thumbnail-widget img { width: 100%; display: block; max-height: 238px;} .thumbnail-widget .text-video { width: 100%; background: rgba( 0, 0, 0, .2); text-align: center; } #video-main { display: block; margin: 0 auto; width: 50%; max-width: 50%; height: 500px;} #video-main-container { display: block; margin: 0 auto; max-width: 100%; } .video-container { margin: 10px 0; } .videos iframe { height: 315px; width: 100%; } .social-navigation ul { margin-bottom: 0; } .social-navigation a:before { background: #000; } .social-navigation a:before { color: #FFF; height: 1.5rem; width: 1.5rem; line-height: 0; display: flex; align-items: center; justify-content: center;} .social-navigation a:before { content: ""; font-size: 0; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; display:inline-block; } .social-navigation a[href*="facebook.com"]:before { background: url('./assets/images/fb.png'); } .social-navigation a[href*="instagram.com"]:before { background: url('./assets/images/ig.png');} .social-navigation a[href*="twitter.com"]:before { background: url('./assets/images/tw.png');} .social-navigation a[href*="youtube.com"]:before { background: url('./assets/images/yt.png');} .social-navigation a[href*="soundcloud.com"]:before { background: url('./assets/images/sc.png');} .news-row{ display: flex; justify-content: center;} .news-container { margin-left: 1em; margin-right: 1em; position: relative; flex-basis: 33%; max-width: 400px;} .news-container h3 {font-size: 14px; line-height: 150%; min-height: 60px; text-decoration: none!important} .post-btn {margin-top: 30px;} .news-container .post-date {font-weight: 700; margin: 10px 0; color: #888;} .news-container .news-title { position: absolute;font-size: 1.5em;color: #fff;text-align: center;bottom: 35px;padding: 10px; text-transform: uppercase; font-family: 'Roboto Condensed'; z-index: 1; width: 100%; background: rgba(0, 0, 0, .3 )} /*.news-container img { filte }*/ #latest-news h2{ font-family: 'Roboto Condensed', sans-serif; font-weight: normal; font-size: 24px; text-transform: uppercase; margin-bottom: 30px;} #latest-news .news-container h2 {font-size: 21px; margin-bottom: 10px;} #latest-news .post-thumbnail img {height: 280px; object-fit: cover; object-position: center center;} .bio-image { display: none; } .edgtf-vertical-align-containers .edgtf-position-right {width: 50% !important;} .bioLeft {padding-top: 10px;} .bioLeft p {text-align: justify; font-family: 'Roboto Condensed';} .bioRight img {max-width: 100%!important;} .inContact {max-width: 960px; margin: 0 auto; justify-content: center !important; min-height: 785px; padding: 5% 0; box-sizing: border-box; align-items:center !important;} .inConRight {box-sizing: border-box;} .inConRight h4 {font-family: 'Titillium Web'; font-weight: 400; text-transform: uppercase; font-size: 15px;} .g-recaptcha > div { margin: 0 auto; } .article-container { margin-left: 3em; min-width: 33%; } .post-container{ justify-content: center; } .video-row{ padding-top: 1em; padding-bottom: 1em; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; } .video-row-top {padding-top: 1em; border-top: 1px solid #DEDEDE; margin-top: 8px;} .video-row-bot {padding-bottom: 1em; border-bottom: 1px solid #DEDEDE;} .section-label { font-size: 2em; font-family: 'Roboto Condensed'; text-align: center;} /* Custom Gallery */ .ngg-galleryoverview { text-align: center; } .ngg-gallery-thumbnail-box { float: none !important; display: inline-block; } .ngg-gallery-thumbnail { border: 0 !important; margin: 0 !important; background: transparent; } .ngg-gallery-thumbnail a { margin: 0 !important; position: relative; } .ngg-gallery-thumbnail a br { display: none; } .ngg-gallery-thumbnail a:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; background-color: rgba(0, 0, 0, .3); opacity: 0; transition: opacity 0.2s ease } .ngg-gallery-thumbnail a:hover:before{ z-index: 1; opacity: 1; } /* Pagination */ .pagination {clear:both; position:relative; font-size:1em; line-height:13px; float:right; } .pagination span, .pagination a {display:block; border: 2px solid #E1E1E1; float:left; margin: 2px; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color: #B4B4B4; background: #fff; -webkit-transition: background .15s ease-in-out; -moz-transition: background .15s ease-in-out; -ms-transition: background .15s ease-in-out; -o-transition: background .15s ease-in-out; transition: background .15s ease-in-out;} .pagination a:hover{border: 2px solid #404040; color: #fff; background: #404040;} .pagination .current{border: 2px solid #404040; padding:6px 9px 5px 9px; background: #404040; color:#fff;} /*-------------------------------------------------------------- # Secondary / Sidebar80 80 --------------------------------------------------------------*/ .secondary { font-size: 14px; font-size: 0.875rem; line-height: 1.6; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .site-footer { display: flex; justify-content: stretch; align-items: center; } .site-footer .social-navigation a:before { background: #FFF; } .site-footer .container-fluid2 { height: 100%; width: 100%;} /*.site-footer .social-navigation a:before { height: 2rem; width: 2rem;}*/ .site-footer .social-navigation a[href*="facebook.com"]:before { background: url('./assets/images/fb-white.png'); } .site-footer .social-navigation a[href*="instagram.com"]:before { background: url('./assets/images/ig-white.png');} .site-footer .social-navigation a[href*="twitter.com"]:before { background: url('./assets/images/tw-white.png');} .site-footer .social-navigation a[href*="youtube.com"]:before { background: url('./assets/images/yt-white.png');} .site-footer .social-navigation a[href*="soundcloud.com"]:before { background: url('./assets/images/sc-white.png');} .site-footer .social-navigation ul { text-align: right; margin-bottom: 0; } .site-footer .footer-row { justify-content: space-between; padding-left: 15px; padding-right: 15px; height: 100%; align-items: center; } .social-navigation li:last-child { padding-right: 0; } .social-navigation li:first-child { padding-left: 0; } /* Footer Navigation */ #colophon{ background: #000; min-height: 75px; margin: 40px auto 0; position: relative;} #colophon .footer-logo{ max-width: 90px; } #colophon .copyright{ font-family: 'Roboto Condensed', sans-serif; font-weight: normal; font-size: 12px; color: #F4F4F7; right: 20px; bottom: 5px; letter-spacing: 2px;} /*#colophon .social-navigation{ position: absolute; right: 15px; top: 20px; margin: 0 !important;}*/ .footer-navigation { background: #2980B9; border-radius: 5px; margin: 15px 0; padding-left: 12px; } .footer-navigation ul { margin: 0; padding: 0; text-align: center; } .footer-navigation ul li { display: inline-block; float: left; } .footer-navigation ul li a { color: #fff; display: block; padding: 12px; } .footer-navigation ul a:hover, .footer-navigation .current_page_item a, .footer-navigation .current-menu-item a { background: #3498DB; } form{ overflow: hidden; } label,input{ width: 100%; } .text-video{position: absolute;font-size: 1.5em;color: #fff;text-align: center;bottom: 35px;padding: 10px; font-weight: 700; text-transform: uppercase; font-family: 'Roboto Condensed';} /*#pl-13, .content-area {margin-top: 70px !important;}*/ .so-widget-sow-image-default-46f30e3d504b .sow-image-container .so-widget-image {margin: 35px 0 0 100px !important;} .social-navigation li {} #content .inner p {font-size: 18px; font-family: 'Roboto Condensed';} .ctc-form input { max-width: 400px; margin: 1em auto; font-family: inherit; } .ctc-form textarea { height: 200px; max-width: 400px; margin: 0 auto; margin-bottom: 1em; font-family: inherit } .ctc-form input[type='submit'] { max-width: initial; display: inline-block; width: initial;} #wprmenu_bar { height: 35px; padding: 5px 16px; } #wprmenu_bar div.hamburger { margin-top: 0; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { height: 3px; } .hamburger--slider .hamburger-inner::before { top: 8px; } .hamburger--slider .hamburger-inner::after { top: 16px; } /* REVISIONS */ .post-content h1 {text-align: center; margin: 50px auto 55px;} .post-content h2 {text-align: center; font-weight: 700; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #404040;} .post-content .post-thumbnail {overflow: hidden;} .post-content .post-thumbnail img {transition: all .5s ease-out;} .post-content .post-thumbnail img:hover {transform: scale(1.1);} .more-link {padding: 5px; color: #404040 !important; border: 1px solid #404040; border-radius: 10px; transition: all .5s ease-out !important; font-size: 13px;} .more-link:hover {background: #888; color: #FFF !important;} #pg-12-0, #pg-13-0, #pg-14-0 {margin-bottom: 0 !important;} .inner-banner .nivo-controlNav, .inner-banner .nivo-directionNav {display: none;} .inner-banner h1 {margin-top: 30px;} .tee {padding: 27px 0 0;} .tee h3 {margin-top: 20px !important; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; font-size: 20px; color: #3F3F41; text-align: center;} .teeImg {max-width: 280px; margin: 0 auto;} .page-id-15 #colophon {margin-top: 3px;} .ngg-galleryoverview {margin-top: 8px !important;} .photo p {margin-bottom: 0;} .photo .ngg-gallery-thumbnail-box {width: 24%; max-width: 320px!important;} .photo .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail img {width: 100%;} #fancybox-overlay, #fancybox-wrap {position: fixed!important;} #fancybox-wrap {top: 50%!important; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .watch-vid {margin-top: 20px;} #popmake-1009 .popmake-content {text-align: center;} #popmake-1009 .popmake-content iframe {width: 1000px; height: 700px;} .page-content, .entry-content, .entry-summary {margin: 0 auto;} .inner #content {min-height: 769px;} .post-date2 {font-size: 25px; text-align: left; color: #888; font-family: 'Titillium Web';} /* Post List Masonry */ .column {float: left; margin-left: 10px; margin-right: 10px;} .column.size-1of1 {margin-left: 0; margin-right: 0;} .column.size-1of2 {margin-left: 5px; margin-right: 5px;} .size-1of1 {width: 100%;} .size-1of2 {width: calc(50% - 10px);} .size-1of3 {width: calc(33.33% - 20px);} #masonryBox[data-columns]::before {content: '3 .column.size-1of3';} #masonryBox {width: 100%;} #masonryBox .category-news {margin-bottom: 0; overflow: hidden; box-sizing: border-box;} #masonryBox .article-container {background: #fff; padding: 10px 10px 20px; margin-left: 0; text-align: center;} #masonryBox .thumbnail-container {position: relative;} #masonryBox .thumbnail-container img {width: 100%!important; max-width: 100%!important; height: auto!important;} #masonryBox .post-date2 {position: absolute; left: 0; right: 0; margin: 0 auto; background: rgba(0,0,0,0.4); font-size: 20px; color: #fff; text-align: center; width: 100%;} #masonryBox .container-fluid {padding-left: 0; padding-right: 0;} .category-news h2 {font-size: 26px; font-weight: 700; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd;} .category-news h3 {font-size: 14px; line-height: 150%; text-decoration: none!important} /*.modal-lg {width: 1200px;}*/ .modal-dialog {padding-top: 30px;} .modal-title {font-family: 'Roboto Condensed'; letter-spacing: -1px!important; font-size: 30px!important; text-align: left; font-weight: 700!important; margin: 0!important; text-transform: capitalize!important;} .modal-title p {margin-bottom: 0;} .modal-body {padding: 0 30px 20px;} .modal-img {text-align: center; background: #000;} .modal-img img {width: 100%; max-width: 700px;} .modal-header {padding: 20px 30px 5px; border:none;} .modal-header .close {position: absolute; right: 5px; top: 5px;} .modal-content {border-radius: 0;} .clearfix {clear: both;} .popmake-content iframe {width: 100%!important;} .post-link{font-size: 0; height: 1px; width: 1px; display: inline-block; position: relative; top: -45px;} /* GDPR Cookie Consent */ #cookie-law-info-bar, .cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited{ font-size: 1em !important; } @media screen and (min-width: 601px){ #masonryBox[data-columns]::before {content: '2 .column.size-1of2';} } @media screen and (min-width: 781px){ #masonryBox[data-columns]::before {content: '3 .column.size-1of3';} } @media screen and (min-width: 768px){ .post-link{ top: -80px;} } @media screen and (max-width: 1440px) { .inContact {padding: 4.1px; min-height: inherit;} .contact-logo img {max-width: 65% !important; margin-top: 8%;} .ctc-form input {height: 30px;} .ctc-form textarea {height: 113px;} .inContact .g-recaptcha {transform: scale(.8); margin: -10px 0;} #content {min-height: inherit;} .inner #content {min-height: auto;} } @media screen and ( max-width: 1350px){ .site-header .social-navigation li { padding-left: 0.2em; padding-right: 0.2em; } } @media screen and (max-width: 1200px){ #latest-news .post-thumbnail img {height: 260px;} /*.modal-lg {width: 960px;}*/ } @media screen and (max-width: 1024px){ body, .site-header {min-width: 320px;} html {height: auto;} .main-navigation ul {text-align: center;} .main-navigation li {float: none; display: inline-block; vertical-align: middle;} .main-navigation li a {padding: 12px 25px;} .site-header .social-navigation ul { display: flex; } .site-header .social-navigation li { width: 20%; } .inContact { min-height: auto; } .category-news h2 {font-size: 22px;} #latest-news .post-thumbnail img {height: 200px;} } @media screen and (max-width: 992px){ .main-navigation li a{padding-left: 20px; padding-right: 20px;} } @media screen and (max-width: 900px){ .main-navigation li a {padding: 12px 19px;} .hdRight {padding: 0;} .photo .ngg-gallery-thumbnail-box {width: auto;} } @media (max-width: 780px) { body {padding-top: 0!important;} .site-header {position: relative;} #home_content{ padding: 10px; } #video-main-container, #video-main { width: 100%; max-width: 100%;} #pgc-15-0-0 {margin-bottom: 0 !important;} .custom-logo {max-width: 200px!important; width: 40%;} #masthead {height: auto;padding-bottom: 10px;} .hdMid, .hdLeft {float: none; width: 100%; text-align: center;} .hdRight {float: none; margin: 0 auto; max-width: 170px; width: 100%;} /*.site-header .social-navigation { margin: 15px auto 0;}*/ .social-navigation ul {margin-bottom: 0;} .cnLeft img {max-width: 350px!important; margin: 0 auto;} #home_content h3 {margin-top: 0px;} #page-bottom .thumbnail-widget {max-width: 325px; margin: 0 auto;} #page-bottom .thumbnail-widget p {margin: 0;} .bioLeft {padding-top: 0} .contact-logo {padding-top: 0; display: none;} .inContact {text-align: center;} .bioRight .sow-image-container {text-align: center;} .video-container {display: inline-block;vertical-align: top; width: 49.5%;} .video-container iframe {height: 175px;} .news-row { flex-direction: column; } .news-container { max-width: 70%; margin: 1em auto; } .thumbnail-container, .article-container {width: 100%; text-align: center;} .thumbnail-container img {max-width: 450px; margin: 0 auto; width: 100%;} .post-date2 {text-align: center;} .cnRight {padding-left: 0;} .contact-logo img {margin-left: 0;} #latest-news .news-container {text-align: center;} #latest-news .post-thumbnail img {height: auto; max-height: 400px;} #masonryBox[data-columns]::before {content: '2 .column.size-1of2';} } @media (max-width: 768px) { /*.content-area.inner {float: none!important;}*/ .content-area {width: 100%!important;} .container-fluid { padding: 0; } #bios-container { background: none; } #bios-container { justify-content: center !important; align-items: center !important; } .bio-image { display: block; } .footer-right, .footer-left{ text-align: center; } .site-footer .social-navigation ul{ text-align: center; } .site-footer .social-navigation{ margin-top: 0; } #thumbnails .text-video{ text-align: center; left: 0; right: 0; } .video-row iframe{ margin: 0 auto; display: block; } } @media (max-width: 600px) { #colophon .footer-logo { position: relative; left: 0; top: 0; display: block; } #colophon .footer-logo { max-width: 200px; } #colophon .copyright { font-family: 'Roboto Condensed', sans-serif; font-weight: normal; font-size: 16px; color: #F4F4F7; right: 0px; bottom: 10px; letter-spacing: 2px; text-align: center;} #primary {margin-top: 0;} .inContact h3 {font-size: 19px;} .custom-logo, .footer-logo { width: 90px; } .news-container { max-width: 100%; margin: 1em auto; } #masonryBox[data-columns]::before {content: '1 .column.size-1of1';} .category-news h2 {padding-bottom: 10px; margin-bottom: 10px;} .category-news .post-btn {margin-top: 20px;} .modal-body {padding: 0 10px 10px;} .modal-header {padding: 10px 10px 5px;} } @media screen and (max-width: 480px){ .theme-default .nivo-controlNav {padding: 5px 0!important;} .video-container {width: 100%;} .video-container iframe {height: 200px;} .footer-row { flex-direction: column; margin-top: 1em; margin-bottom: 1em; } #colophon .copyright { font-size: 0.750em; } #colophon .footer-logo { margin-bottom: 10px; } .category-news h2 {font-size: 20px;} }