/* Theme Name: Ecclestone 2021 Theme Theme URI: https://ecclestonehomes.com/ Author: Sonya Pe Author URI: thecottonsolution.com Description: A CottonCandy child theme. Template: CottonCandy Version: 1.0.0 */ @import url('https://fonts.googleapis.com/css2?family=Lora&family=Raleway:wght@100;300;400;500&display=swap'); * { margin:0; padding:0; line-height:1; font-size:98%; border:0 none; -webkit-box-sizing:border-box; box-sizing:border-box; min-height:0; min-width:0; font-weight:normal; } ::-webkit-input-placeholder {color:inherit; opacity:0.85;} :-ms-input-placeholder {color:inherit; opacity:0.85;} ::-ms-input-placeholder {color:inherit; opacity:0.85;} ::placeholder {color:inherit; opacity:0.85;} .map{width:100%;height:635px;} .map img {max-width: inherit !important;} .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transform:translateY(50px); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { transform:translateY(0);opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .mfp-content .thankyou-message {background:#fff; color:#222; padding:50px; max-width:500px; position:relative; margin:0 auto; text-align:center;} .mfp-content .thankyou-message h2 {font-size:36px; margin-bottom:30px;} .mfp-content .thankyou-message .content {margin-bottom:30px;} .mfp-content .main-form {position:relative; background:#07396A; color:#fff;} .mfp-content .main-form .mfp-close {color:#fff;} /* Slick Carousel */ .slick-slider {display:flex; flex-wrap:wrap; align-items:center;} .slick-slider .slick-list {flex:0 0 calc(100% - 120px);} .slick-arrow { overflow:hidden; text-indent:-999px; flex:0 0 60px; height:120px; background:no-repeat center center; } .slick-arrow.slick-prev {left:0; background-image:url(img/arrow-left.svg);} .slick-arrow.slick-next {right:0; background-image:url(img/arrow-right.svg);} .slick-dots {list-style:none; text-align:center; flex:0 0 100%; padding-top:20px;} .slick-dots li {display:inline-block; padding:0 5px;} .slick-dots li button {display:block; text-indent:-9999px; overflow:hidden; width:15px; height:15px; border-radius:15px; background:none; border:1px solid #07396A;} .slick-dots li.slick-active button {background:#07396A;} @media (max-width:560px) { .slick-slider .slick-list {flex:0 0 100%;} .slick-dots li button {width:5px; height:5px;} } /* Home Slick Carousel */ .home .slick-dots { display: flex;justify-content:center; ; padding: 0.5rem 0; list-style-type: none; position: absolute; bottom: 20px; left:0;right:0; } .home .slick-slider .slick-list {flex:0 0 100%;} .home .slick-dots li { margin: 0 0.25rem; } .home .slick-dots button { display: block; width: 1rem; height: 1rem; padding: 0; border: none; border-radius: 100%; background-color: transparent; text-indent: -9999px; } .home .slick-dots li.slick-active button { background-color: transparent; } .home .slide-arrow { position: absolute; top: 50%; margin-top: -15px; outline:none;background: #000;} .home .prev-arrow { left: 100px; width: 2vw; height: 2vw; border: 0.3vw solid; border-color: white transparent transparent white; background: none; transform: rotate(-45deg); z-index: 999;border-radius: 20%; } .home .next-arrow { right: 100px; width: 2vw; height: 2vw; border: 0.3vw solid; border-color: white transparent transparent white; background: none; transform: rotate(135deg); z-index: 999;border-radius: 20%; } .home .slick-slide img { display: block; object-fit: cover; width: 100%; height: 80vh;} /* Top Banner */ .top-banner {padding: 0; margin: 0 auto; background:#fff; text-align: center; position: absolute; top: 115px; z-index: 1; width: 100%; height: 1px;} .bottom-banner {padding: 0; margin: 0 auto; background:#fff; text-align: center; position: absolute; bottom: 10px; z-index: 1; width: 100%; height: 1px;} .img-bottom-banner {padding: 0; margin: 0 auto; background:#fff; text-align: center; position: absolute; bottom: 0; z-index: 1; width: 98%; height: 1px; margin-left: 1%; margin-right: 1%; margin-bottom: 1.2%;} .img-top-banner {padding: 0; margin: 0 auto; background:#fff; text-align: center; position: absolute; top: 0; z-index: 1; width: 98%; height: 1px; margin-left: 1%; margin-right: 1%;margin-top: 1.2%;} .img-right-banner {padding: 0; margin: 0 auto; background:#fff; text-align: center; position: absolute; top: 0; right:0; z-index: 1; width: 1px; height: 95.9%; margin-right: 1%;margin-top: 1.2%;} .img-left-banner {padding: 0; margin: 0 auto; background:#fff; text-align: center; position: absolute; top: 0; left:0; z-index: 1; width: 1px; height: 95.9%; margin-left: 1%;margin-top: 1.2%;} /* Global Styles */ html {background:#07396A;} body {font-family:'Raleway', sans-serif!important; font-size:18px; color:#fff; background:#07396A; font-weight:400;} @media (max-width:560px) { body {font-size:16px;} } main {background:#fff; color:#003366; min-height:50vh;} .headline {font-size:35px; text-transform:uppercase; line-height: 135%; letter-spacing:.1em; color:#07396A; margin-bottom:30px; padding: 15px 0; border-bottom: 2px solid #66cccc; font-family: 'Raleway', sans-serif; font-weight: 300; } h1{text-align:center!important;} h2{width: 70%!important; text-align: left!important;} .main-form h2{width: 100%!important; text-align: center!important; font-size: 24px;} h3{width: 100%!important; text-align: left!important; border:none!important; font-size: 1.2em!important; font-weight: 500!important;padding:0 50px!important;} @media (max-width:560px) { .headline {font-size:24px;} } .blog-subtitle{ text-transform: uppercase; line-height: 135%; letter-spacing: .1em; color: #07396A; margin-bottom: 15px; margin-top: 30px; text-align:left; font-family: 'Raleway', sans-serif; font-size: 1.2em!important; font-weight: 500!important; width: 100%!important; } a {color:inherit;} p {line-height:30px; letter-spacing:.1em; margin-bottom:30px;} p:last-child {margin-bottom:0;} input, textarea, button {font-family:inherit;} button {cursor:pointer;} img {max-width:100%; height:auto;} .wysiwyg {padding:100px 50px 50px 50px;max-width:1440px;margin:0 auto; } .wysiwyg h2 {background:url(img/motif-center.svg) no-repeat center bottom; font-size: 60px; text-transform: uppercase; letter-spacing: .2em; color: #07396A; padding-bottom: 40px;} .btn { display:inline-block; text-decoration:none; text-transform:uppercase; letter-spacing:.1em; transition:all .5s ease; border:1px solid #c9caca; color:#07396A; padding:15px 50px; font-size:14px;width: auto; min-width: 240px;text-align:center; } .btn:hover {background:#66cccc; color: #fff;} .btn.btn-outline {background:none; border:1px solid #07396A; color:#07396A;} /* Main Header */ .main-header {background:rgba(7,57,106,.9); color:#fff; position:sticky; top:0; width:100%; box-shadow:0 0 10px rgba(7,57,106,.9); display:flex; align-items:center; z-index:100;} .main-header .logo {/*margin-right:auto;*/ padding:20px 30px;} body.single-landing-pages .main-header .logo {margin:0 auto;} .main-header .logo p {font-size: 13px;text-align: center;} .main-header .tagline p {font-family: 'Raleway', sans-serif; font-size: 20px;font-weight: 400; margin-bottom: 0; } .main-header .tagline {width: 30%;text-align: center;} .main-header .header-navigation {padding:0 30px;margin-left: auto; margin-bottom: 30px; margin-top: 50px;} .main-header .header-navigation ul {list-style:none; display:flex;} .main-header .header-navigation ul li {margin:0 15px;position:relative; font-family: 'Raleway', sans-serif; } .main-header .header-navigation ul li a {text-decoration:none; text-transform:uppercase; font-size:14px; letter-spacing:.1em; font-weight:400; display:block; border-bottom:1px solid transparent; padding-bottom:10px;} .main-header .header-navigation ul li:hover a, .main-header .header-navigation ul li.active a {border-bottom-color:#66cccc;} .main-header .header-navigation ul li ul.sub-menu { position: absolute; top: 100%; left: -20px; display: none; width: 250px; padding: 25px 10px; background-color: #053969; z-index: 100; box-shadow: 0 0 7px rgba(0, 0, 0, .1); } .main-header .header-navigation ul li ul.sub-menu a { text-decoration: none; border-bottom: 1px solid transparent; margin-top: 20px; } .main-header .header-navigation ul li:hover ul.sub-menu { display: block; } .main-header .header-navigation ul li:hover ul.sub-menu a:hover { border-bottom-color: #66cccc; } .nav-mobile{ display:none;} .main-header .header-phone { font-size: 16px; } .main-header .top-nav{padding: 10px 30px; margin-left: auto; font-family: 'Raleway', sans-serif; color: #fff;position:absolute; right: 0; top:0;} .top-nav-item{color: #fff; font-size: .75em; margin-right: 100px;} .top-nav-item a{color: #fff; text-decoration: none!important; letter-spacing: 0.05em;} .blue-divider {padding: 0 15px; color: #66cccc;} @media (max-width:1200px) { .main-header .header-navigation ul li a { font-size: 12px; } } @media (max-width:1024px) { .main-header {position:relative; display:block; text-align:center;} .main-header .logo {margin:0 auto;} .main-header .tagline {width: 100%;text-align: center;} .main-header .header-navigation {padding:30px;} .main-header .header-navigation ul {justify-content:center; flex-wrap:wrap;} .main-header .header-navigation ul li {margin:5px 15px;} .main-header .header-navigation ul li a {font-size:12px; padding-bottom:5px;} } @media (max-width:640px) { .main-header .logo {padding: 70px 30px 15px;} .main-header .header-navigation{padding:0;} .main-header .header-navigation{margin: 0 auto 15px!important;} .top-banner{top: 170px;} .basic-content {padding: 30px;text-align: center!important;} h2 {width: 100%!important; text-align: center!important;} .left-right-content .row .content .copy {padding-right: 0!important;text-align: center!important;} .wow{text-align:center!important;} .nav-area{ max-width:100%; } /* Navigation Button -------------------------------------------------------- */ .nav-button { display: block; position: absolute; top: 3px; left: 15px; width: 40px; height: 40px; background: url('img/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.2)); background: url('img/menu-icon-large.png'), -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.2)); background: url('img/menu-icon-large.png'), -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.2)); background: url('img/menu-icon-large.png'), -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.2)); background-position: center center; background-repeat: no-repeat; background-size: 21px, 100%; cursor: pointer; border: 0 none; border-radius: 37px; z-index: 999999; text-indent: -9999px; } .nav-button:hover { background-color: rgba(0,0,0,.1); } .nav-button.open { background: url('img/close-icon-large.png'), -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.2)); background: url('img/close-icon-large.png'), -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.2)); background: url('img/close-icon-large.png'), -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.2)); background: url('img/close-icon-large.png'), -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.2)); background-position: center center; background-repeat: no-repeat; background-size: 21px, 100%; } /* Navigation Bar -------------------------------------------------------- */ .main-header .header-navigation ul{ display:none; } .nav-mobile{ display : block; } .primary-nav { width: 100%; float: none; background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2)); background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2)); background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2)); display: block; height: 50px; margin: 0; padding: 0; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,.6); position: absolute; top: 0; left: 0; z-index: 99999; clear: both; text-transform: uppercase; } .primary-nav li { display: none; width: 100%; text-align:center; } .primary-nav li a { display: block; width: 99%; padding: 15px 5%; color: #07396A; text-decoration: none; text-transform: uppercase; border-bottom: 1px solid rgba(0,0,0,.2); border-top: 1px solid rgba(255,255,255,.1); } .primary-nav > li:first-child { border-top: 1px solid rgba(0,0,0,.2); } /* Toggle the navigation bar open */ .primary-nav.open { height: auto; padding-top: 0; background: rgba(255, 255, 255, 0.95); top: 50px; } .primary-nav.open li { display: block; } /* Submenus – optional .parent class indicates dropdowns */ .primary-nav > li:hover > a { border-bottom-color: transparent; } .primary-nav li.parent > a:after { /*content: "▼";*/ /*color: rgba(255,255,255,.5);*/ /*float: right;*/ } .primary-nav li.parent > a:hover { background: rgba(0,0,0,.75); color: #fff; } .primary-nav li ul { display: none; background: rgba(0,0,0,.2); border-top: 0 none; padding: 0; } .primary-nav li ul a { border: 0 none; padding: 2px 12%; font-weight: normal; font-size: .9em; color: #fff; line-heighr: 110%; } .primary-nav li:hover ul { display: block; border-top: 0 none; color: #fff; } } /* Formidable */ .with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=phone], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .frm_form_fields_style, .with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .with_frm_style .frm-card-element.StripeElement, .with_frm_style .chosen-container-multi .chosen-choices, .with_frm_style .chosen-container-single .chosen-single { color: #07396A!important; background-color: #ffffff; border-color: #07396A!important; border-width: 0!important; border-bottom: 1px solid #07396A!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; border-radius: 0!important; width: 100%; font-size: 14px; padding: 6px 10px; font-weight: normal; box-shadow: none!important; font-family: 'Raleway', sans-serif!important; } .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn { width: auto; font-family: 'Raleway', sans-serif!important; font-size: 1.2em!important; height: auto; line-height: normal; text-align: center; background: #8fccca!important; border-width: 0!important; color: #ffffff; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; border-radius: 0!important; text-shadow: none; padding: 10px 20px;; } .with_frm_style .vertical_radio .frm_checkbox label, .with_frm_style .vertical_radio .frm_radio label { font-family: 'Raleway', sans-serif!important; color: #07396A!important; } .main-form .with_frm_style .vertical_radio .frm_checkbox label, .main-form .with_frm_style .vertical_radio .frm_radio label { font-family: 'Raleway', sans-serif!important; color: #fff!important; text-align: left!important; font-size: 1em!important; } .main-form form{ display: inline-block!important; width: 100%; flex: none!important; } .main-form .with_frm_style .frm_radio input[type=radio], .main-form .with_frm_style .frm_checkbox input[type=checkbox] { flex: none; display: inline-block; margin: 15px 5px 0 0!important; width: auto; border: none; vertical-align: baseline; position: initial; } #frm_form_3_container input::-webkit-input-placeholder { color:#07396A!important; } #frm_form_3_container input::-moz-placeholder { color:#07396A!important; } #frm_form_3_container input:-ms-input-placeholder { color:#07396A!important; } #frm_form_3_container input::-moz-placeholder { color:#07396A!important; } #frm_form_2_container input::-webkit-input-placeholder { color:#07396A!important; } #frm_form_2_container input::-moz-placeholder { color:#07396A!important; } #frm_form_2_container input:-ms-input-placeholder { color:#07396A!important; } #frm_form_2_container input::-moz-placeholder { color:#07396A!important; } #frm_form_4_container input::-webkit-input-placeholder { color:#07396A!important; } #frm_form_4_container input::-moz-placeholder { color:#07396A!important; } #frm_form_4_container input:-ms-input-placeholder { color:#07396A!important; } #frm_form_4_container input::-moz-placeholder { color:#07396A!important; } /* Main Form */ .main-form {text-align:center; margin:0 auto; padding:100px; max-width:700px;} .main-form .headline {color:#fff;} .main-form .phone {font-size:24px; margin-bottom:30px; display:block;} .main-form form {display:flex; flex-wrap:wrap;} .main-form form fieldset {flex:0 0 50%; padding:10px;} .main-form form fieldset input, .main-form form fieldset select, .main-form form fieldset textarea {display:block; width:100%; font-size:16px; background:#fff; color:#fff; border:1px solid rgba(255,255,255,.5);} .main-form form fieldset option{color:#000;} .main-form form fieldset input.error, .main-form form fieldset textarea.error {color:yellow; border-color:yellow;} .main-form form fieldset label.error {color:yellow; text-align:left; display:block; font-size:10px; padding-top:5px; font-family:'Verdana', sans-serif;} .main-form form fieldset.full-width {flex-basis:100%;} .main-form form fieldset .btn {background:#fff; color:#07396A;} @media (max-width:560px) { .main-form {padding:50px;} .main-form form fieldset {flex-basis:100%;} } /* Secondary Footer */ .secondary-footer {background:hsl(210, 88%, 18%); padding:50px 10px; text-align:center; border-top: 1px solid #66cccc; display:inline-block; width:100%;} .secondary-footer .credits {margin-top:100px; font-size:11px; opacity:.5;} /* Big Image */ .big-image img {display:block; width:100%; height:auto;} .big-image.image-size-normal {text-align:center;} .big-image.image-size-normal img {display:inline-block; width:auto;} /* Basic Content */ .basic-content {padding: 50px; max-width:900px; margin:0 auto; text-align:left;} .basic-content .content.has-button {margin-bottom:30px;} .basic-content.three-columns { padding: 60px 100px 100px 100px!important; max-width: 1440px !important; margin: 0 auto !important; text-align: center; } .three-columns { display: flex; flex-direction: row; } .content { flex: 1; } .columns { display: flex; flex: 1; flex-direction: column; padding: 0 30px; } .content p{letter-spacing: 0.05em;} .columns .headline { font-size: 28px; text-transform: uppercase; letter-spacing: .2em; color: #07396A; margin-bottom: 30px; line-height: 130%; padding-bottom: 30px; border-bottom: 2px solid #66cccc;} .columns img{width:25%;height:auto;display:block;margin:0 auto 45px auto;} @media(max-width: 768px){ .basic-content.three-columns {padding:0!important; max-width:100%; margin:0 auto; text-align:center;} .three-columns { display: flex; flex-direction: column; } .content { flex: 1; } .columns { display: flex; flex: 1; flex-direction: column; padding: 0 30px; margin-top: 150px; } } /* Left Content Right Form */ .left-content-right-form { display:flex; min-height:75vh;background: #062e56; flex-direction: row;} .left-content-right-form .left-content {flex:0 0 63%;padding:54px; display:flex; flex-direction:column; justify-content:center;background: #fff;} .left-content-right-form .right-form{background: #062e56;color:#fff;} @media (max-width:1024px) { .left-content-right-form { flex-direction: column;} } /* Left Right Content */ .left-right-content {} .left-right-content .row {display:flex; min-height:75vh; padding:30px 0;} .left-right-content .row:nth-child(even) {flex-direction:row-reverse;} .left-right-content .row .img {flex:0 0 60%; position:relative; } .left-right-content .row:nth-child(even) .img {border-width:1px 0 1px 1px;} .left-right-content .row .img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; padding:0;} .left-right-content .row:nth-child(even) .img img {padding:0;} .left-right-content .row .content {flex:0 0 40%; /*padding:100px;*/padding:54px; display:flex; flex-direction:column; justify-content:center;} .left-right-content .row .content .copy {margin-bottom:30px; padding-right: 8%;} .page-id-163 .left-right-content .row .img {flex:0 0 50%;} .page-id-163 .left-right-content .row .content {flex:0 0 50%;} @media (max-width:1024px) { .left-right-content .row {display:block;} .left-right-content .row .img img {position:relative;} .left-right-content .row .content {padding-top:60px;} } @media (max-width:768px) { .left-right-content .row .content {padding:50px 50px 100px;} } @media (max-width:560px) { .left-right-content .row .img img {padding:0;} .left-right-content .row:nth-child(even) .img img {padding:0;} .left-right-content .row .content {padding:30px 30px 100px;} .left-right-content .row .content h1 {font-size:24px;} .wysiwyg h2 {font-size:24px;} } /* Testimonial */ .testimonial {background:linear-gradient(hsl(210, 88%, 95%), #fff); padding:60px 50px;} .testimonial blockquote { max-width:600px; margin:0 auto; position:relative; z-index:2; padding-left:60px; min-height:300px; display:flex; flex-direction:column; justify-content:center; } .testimonial blockquote q {font-size:24px; letter-spacing:0; color:hsl(210, 88%, 22%);} .testimonial blockquote footer {padding-top:30px; font-style:italic;} /* Projects */ .projects-wrapper {padding:100px 50px;} .projects-wrapper h1 {text-align:center; margin-bottom:60px;} .projects-wrapper .projects {} .projects-wrapper .projects .project {display:flex; align-items:center; margin-bottom:60px;} .projects-wrapper .projects .project:nth-child(even) {flex-direction:row-reverse;} .projects-wrapper .projects .project .images {flex:0 0 70%;} .projects-wrapper .projects .project .images img {padding:20px; border:1px solid #07396A;} .projects-wrapper .projects .project .content {flex:0 0 30%; padding-left:100px;} .projects-wrapper .projects .project .content h2 {font-size:28px; color:#07396A; margin-bottom:30px;} .projects-wrapper .projects .project .content h2 span {display:block; text-transform:uppercase; font-size:14px; color:#222; letter-spacing:.2em; margin-top:10px;} .projects-wrapper .projects .project .content h3 {font-size:20px; font-style:italic; color:#07396A; margin-bottom:30px;} .projects-wrapper .projects .project .content h3 span {display:inline-block; border:1px solid #07396A; padding:10px 0; border-width:1px 0;} .projects-wrapper .projects .project .content ul {list-style:none; margin-bottom:30px;} .projects-wrapper .projects .project .content ul li {font-size:18px; letter-spacing:.05em; line-height:30px;} @media (max-width:1024px) { .projects-wrapper {padding:100px;} .projects-wrapper .projects .project .content {padding:50px;} } @media (max-width:768px) { .projects-wrapper .projects .project {display:block;} .projects-wrapper .projects .project .content {text-align:center;} } @media (max-width:560px) { .projects-wrapper {padding:100px 20px;} .projects-wrapper .projects .project .images img {padding:10px;} } /* News */ .news-articles {} .news-articles .article {padding:100px 50px; background:linear-gradient(hsl(210, 88%, 95%), #fff);} .news-articles .article .inside {max-width:800px; margin:0 auto;} .news-articles .article .inside h1.title {font-size:26px; margin: 30px 0 30px 0; letter-spacing:.1em; color:#07396A; text-transform: uppercase; text-align:left!important;} .news-articles .article .inside h1.title a {text-decoration:none;} .news-articles .article .inside h3.date {text-transform:uppercase; font-size:14px; letter-spacing:.2em; margin-bottom:30px; color:#07396A;} @media (max-width:560px) { .news-articles .article .inside h1.title {font-size:20px;} .news-articles .article .inside h3.date {font-size:12px;} } .news-blue-bar{ margin: 50px auto; width: 100%; height: 1px; background: #66cccc; display: inline-block; } /* Autoplaying Video */ .video-wrapper {} .video-wrapper .video-container {position:relative; width:100%; height:0; padding-bottom:56.25%;} .video-wrapper .video-container iframe {position:absolute; top:0; left:0; width:100%; height:100%;} /*Portfolio*/ .portfolio_gallery {max-width: 1120px;margin: 0px auto;padding:80px 0;display: block;text-align: center;} .portfolio_gallery .gallery_headline {padding-top:0px;} .photo_gallery { display: flex; flex-wrap: wrap; justify-content: center; flex-direction: row;padding:60px 0 100px 0;} .photo_gallery img {max-width: 23vw;transition: all 250ms;margin: 10px 20px 50px 0;box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.3); } .single_gallery img {max-width: 35vw;transition: all 250ms;margin: 10px;box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.3); } .photo_gallery img:hover { opacity:0.6;} .portfolio-details { line-height: 165%; } .button-portfolio{margin-top: 20px;} .social { display: flex; width: 80px; padding-left: 20px; margin-right: 15px; } .social img{width:80%;} .social a{text-decoration: none;} .social-svg path{fill:#fff!important;} .social-svg path{fill:#fff;} .social-top { display: flex; width: 85px; padding-left: 20px; margin-right: 15px; position:absolute;top: 8px; right:22px; } .social-top img{width:80%;} .social-top a{text-decoration: none;} .social-svg-top path{fill:#fff!important;} .social-svg-top path{fill:#fff;} .copyright{font-size: .8em; line-height: 125%;} @media (max-width:728px) { .photo_gallery { display: flex; flex-wrap: nowrap; align-items: flex-start; flex-direction: column;padding:60px 0 100px 0;} .social { display: flex; width: 25%; text-align: center; margin: 0 auto 30px auto; padding-top: 0; } .photo_gallery img { max-width: 100vw; transition: all 250ms; margin: 10px 20px 60px 0; padding: 10px; box-shadow: none; } .single_gallery img { max-width: 100vw; transition: all 250ms; margin:0; padding: 10px; box-shadow: none; } } /*h5 button*/ .content h5 a,.wysiwyg h5 a { display: inline-block; text-decoration: none; text-transform: uppercase; letter-spacing: .1em; transition: all .5s ease; background: hsl(210, 88%, 22%); color: #fff; padding: 15px 50px; border-radius: 5px; font-size: 14px; } .content h5 a:hover, .content h5 a:focus,.wysiwyg h5 a:hover,.content h5 a:focus{ background: hsl(210, 88%, 2%); } .col { display: inline; float: left; } .alpha { margin-left: 0 !important; } .omega { margin-right: 0 !important; } .full { width: 100%; } .almost-full { width: 94.23809524%; float: none; margin: 0 auto; } .col_one { width: 99%; margin: 0 0.5%; } .col_half { width: 49%; margin: 0 0.5%; } .col_two_thirds { width: 65.66666667%; margin: 0 0.5%; } .col_one_third { width: 32.33333333%; margin: 0 0.5%; } .col_one_fourth { width: 24%; margin: 0 0.5%; } .col_three_fourths { width: 73.90636704%; margin: 0 0.5%; } .col_one_fifth { width: 19%; margin: 0 0.5%; } .col_two_fifths { width: 39%; margin: 0 0.5%; } .col_three_fifths { width: 58.88023952%; margin: 0 0.5%; } .col_one_sixth { width: 15.66666667%; margin: 0 0.5%; } @media only screen and (max-width: 780px) { .full, .col_one, .col_half, .col_two_thirds, .col_one_third, .col_one_fourth, .col_three_fourths, .col_one_fifth, .col_two_fifths, .col_three_fifths, .col_one_sixth { width: 100%; margin: 0%; } } @media only screen and (max-width: 640px) { .col { float: none; } } .archive-sidebar-blog{ width: 100%; margin: 20px auto; display:inline-block; } .archive-sidebar-blog h2{ width: 590px!important; max-width: 100%!important; margin: 0 auto 85px!important; text-align:center!important; } .recents-top{ width: 100%; margin: 0 auto 15px; display:inline-block; } .recents{ font-size: 1em; background: #ffffff; height: auto; margin-bottom: 35px; width:95%; display:block; min-height: 250px!important; } .recents-title{ font-family: 'Raleway', sans-serif; font-size: 11px; text-transform: uppercase; line-height: 115%; text-align: left; min-height: 75px; } .recents-title a{ text-decoration: none!important; } .blog-intro{ } .recents-content { position: relative; text-align: left; } .recents-content p { padding: 0 10px 0 0; text-align: left !important; line-height: 125%; font-size: .95em; } .recents{ font-size: 1em; background: #ffffff; height: auto; margin-bottom: 35px; width:95%; display:block; min-height: 560px; } .read-more-button{ }