@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital@0;1&display=swap");
.logged-in #masthead {
margin-top: 32px;
} body {
font-family: 'Lato', sans-serif;
}
#content {
background: #fffdf2 !important;
padding-bottom: 40px !important; } #content p, #content a {
color: #000000;
font-family: 'Lato', sans-serif;
}
#content h1,
#content h2, #content h3,
#content h4, #content h5,
#content h6 {
color: #000000;
font-family: 'Playfair Display', serif;
}
#content h1 {
text-transform: uppercase !important;
} #primary-menu a {
color: white;
font-family: 'Playfair Display', serif;
}
.gallery-columns-3 .gallery-item {
width: calc(33.333% - 45px);
margin: 0px;
margin-right: 30px;
margin-bottom: 20px;
}
.gallery-columns-3 .gallery-item:nth-child(3n+3) {
margin-right: 0px;
}
.home .entry-content,
.home .wpb_content_element{
margin: 0px;
}
.see-more {
text-decoration: none;
margin: 10px 10px 10px 0px;
font-style: italic;
} .featuredBG {
height: 70vh;
display: table;
width: 100%; background-size: cover;
background-position: center;
}
.home .featuredBG {
background-position: top !important;
}
.featuredContent {
display: table-cell;
vertical-align: middle;
position: relative;
overflow: hidden;
}
.home .featuredContent {
vertical-align: bottom;
padding-bottom: 8em;
height: 100vh !important;
background-position: center;
}
.featuredContent p {
color: #fff;
z-index: 20;
position: relative;
max-width: 700px;
margin: 0 auto;
text-align: center;
font-size: 20px;
line-height: 1.5;
padding-left: 10px;
padding-right: 10px;
}
.featuredContent h1 {
color: white !important;
z-index: 20 !important;
position: relative !important;
margin: 0 auto !important;
text-align: center !important;
font-size: 40px !important;
padding-bottom: 20px !important;
line-height: 1 !important;
padding-left: 10px !important;
padding-right: 10px !important;
text-transform: none !important;
}
.home .featuredContent h2 {
color: white !important;
z-index: 20;
position: relative;
margin: 0 auto;
text-align: center;
font-size: 20px; line-height: 1;
padding-left: 10px;
padding-right: 10px;
text-transform: none !important;
}
.home .featuredContent h3 {
color: white !important;
z-index: 20;
position: relative; margin: 0 auto;
text-align: center;
font-size: 22px;
line-height: 1.5;
padding-left: 10px;
padding-right: 10px;
}
.home .featuredContent p {
max-width: 700px;
}
.blackWrapper {
height: 70vh;
background: rgba(0,0,0,0.1);
position: absolute;
width: 100%;
display: block;
float: left;
left: 0;
}
.home .blackWrapper {
height: 100% !important;
background: rgba(0,0,0,0.1);
}
.site-branding {
width: 210px;
}
.main-navigation {
margin-top: 60px;
width: calc(100% - 300px);
}
.sub-menu {
background: rgba(0,0,0,0.4) !important;
margin-top: 10px;
margin-left: 15px;
}
.sub-menu li a {
text-transform: unset;
font-size: 15px !important;
letter-spacing: 0.3px !important;
margin-bottom: 5px;
}
#mobile-icon {
top: 20px;
right: 20px;
position: absolute;
}
#mobile-menu li a {
font-weight: 300;
font-family: lato;
font-size: 20px;
}
#mobile-menu li {
margin-bottom: 15px;
}
#mobile-menu {
margin: 0px;
padding: 0px;
}
#mobile-menu .sub-menu {
display: none !important;
}
@media only screen and (max-width: 650px) {
.featuredBG,
.blackWrapper {
height: 80vh;
}
} #masthead {
background-color: transparent;
position: absolute;
top: 0;
width: 100%;
z-index: 99;
}
.leftCol {
width: 100%;
float: center; } .rightCol {
width: calc(30% - 40px);
float: left;
padding: 10px;
background: rgba(0,0,0,0.1);
text-align: center;
}
.widget-title {
font-weight: 300;
font-size: 19px;
}
.widget ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.post-date {
float: left;
width: 100%;
color: #fff;
font-size: 13px;
font-style: italic;
opacity: 0.7;
}
.widget li a {
font-size: 18px;
text-decoration: none;
}
#recent-posts-2 li {
display: block;
float: left;
width: 100%;
border-bottom: 1px solid rgba(255,255,255,0.2);
padding-bottom: 15px;
margin-bottom: 15px;
}
@media only screen and (max-width: 900px) {
.leftCol,
.rightCol {
width: 100%;
margin: 0px !important;
}
} .dpe-flexible-posts {
margin: 0px !important;
padding: 0px !important;
}
.dpe-flexible-posts a {
width: calc(33.333% - 10px);
float: left;
margin-right: 15px;
margin-bottom: 15px;
height: 300px;
background-size: cover;
background-position: center center;
text-align: center;
position: relative;
}
.dpe-flexible-posts a:nth-child(3n + 3) {
margin-right: 0px;
}
.home-title {
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(-50%);
text-align: center;
z-index: 3;
left: 50%;
background: rgba(0,0,0,0.3);
padding: 10px 20px;
border: 2px solid rgba(255,255,255,0.4);
text-transform: uppercase;
letter-spacing: 0.1em;
}
.blackOverlay {
position: relative;
background: rgba(0,0,0,0.3);
height: 100%;
z-index: 2;
}
.featuredContent h1 {
text-align: center;
color: #fff;
font-size: 42px;
text-transform: uppercase;
z-index: 10;
position: relative;
letter-spacing: 0.15em;
padding: 20px;
}
@media only screen and (max-width: 900px) {
.featuredContent h1 {
font-size: 26px;
font-weight: 300;
text-transform: capitalize;
letter-spacing: 0.02em;
}
.dpe-flexible-posts a {
width: calc(50% - 10px) !important;
margin-right: 20px !important;
margin-bottom: 20px;
height: 300px;
}
.dpe-flexible-posts a:nth-child(2n + 2) {
margin-right: 0px !important;
}
}
@media only screen and (max-width: 650px) {
.dpe-flexible-posts a {
width: calc(100%) !important;
margin-right: 0px !important;
margin-bottom: 20px;
height: 300px;
}
.featuredBG {
margin-bottom: 20px;
}
} .nf-field-label {
display: none;
}
.nf-element {
background: transparent !important;
border: 0px !important;
border-bottom: 1px solid #fff !important;
color: #fff !important;
}
.nf-element::placeholder {
color: #fff !important;
}
.nf-field-element::after {
display: none !important;
}
.nf-before-form-content {
display: none;
} #colophon {
background-color: #103367;
margin-top: 0px;
} .environmentLogos img {
width: 120px;
float: right;
padding: 5px;
display: inline-block;
}
.footerBrand {
width: 200px;
}
.footerTwo {
width: 50%;
float: left;
}
.site-info a {
color: #fff !important;
text-decoration: none !important;
opacity: 0.3;
}
.copyright {
float: left;
}
.dev {
float: right;
}
@media only screen and (max-width: 500px) {
.site-info a {
width: 100% !important;
}
} #iso-loop {
padding: 0px;
margin: 0px;
}
#iso-loop li {
width: 50%; 
padding: 0px 20px 20px;
margin: 0px !important;
}
@media only screen and (max-width: 797px) {
#iso-loop li {
width: 100%;
}
}
.socialImages {
float: right;
margin-top: 20px;
}
.socialImages .socialIcon {
width: 30px;
margin-left: 10px;
}
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
color: #ffffff !important;
background-color: #103376 !important;
}