/*
Theme Name: Valorous Circle's Hello Elementor Child
Theme URI: https://valorouswebdesign.com
Template: hello-elementor
Author: Valorous Circle LLC
Author URI: https://valorouswebdesign.com
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.2.0.1565622455
Updated: 2019-08-12 11:07:35

*/

/* Project-Specific CSS Goes here. */

html {
  scroll-behavior: smooth;
}

[href="#"] {
    cursor: default;
}

button {
  cursor: pointer;
}

/* sticky footer menu */
.vc-stickyFooterMenu {
    position:fixed !important;
    bottom:0;
    left:0;
    right:0;
    z-index:1000;
}

/* center images in posts */
.elementor .elementor-widget:not(.elementor-widget-text-editor) figure {
    margin: 0 auto!important;
}

/* Buttons */
.vc-teamMemberCards h3.elementor-post__title {
    margin-bottom:25px;
}

.vc-teamMemberCards a.elementor-post__read-more, .vc-newsArchiveCards a.elementor-post__read-more, a button.vc-ProjectCallToAction, .vc-careerPositionDisplayWindowButton  {
    font-family:"Open Sans", sans-serif;
    font-size:18px;
    letter-spacing:2px;
    font-weight:bold;
    background-color:#417b5a;
    color:#ffffff;
    border:none;
    padding:12px 24px;
    border-radius:2px;
    margin-top:15px;
}

.vc-teamMemberCards a:hover.elementor-post__read-more, .vc-newsArchiveCards a:hover.elementor-post__read-more, a:hover button.vc-ProjectCallToAction, button.vc-careerPositionDisplayWindowButton:hover, .vc-careerPositionDisplayWindowButton:hover {
    background-color:#32496b;
}

/* Project Detail Pages */
.vc-projectVideoThumb iframe {
    width:540px;
    height:305px;
}

/* Project Gallery Filtering */

.vc-ProjectGalleryFilters {
    margin-bottom:30px;
}

.vc-ProjectGalleryFilters .vc-ProjectGalleryFiltersOptions {

}

.vc-ProjectGalleryFilters .vc-ProjectGalleryFiltersOptions span.vc-ProjectGalleryFiltersOption {
    display: inline-block;
    margin: 5px;
    padding: 8px 12px;
    font-size: 14px;
    color: #ffffff;
    background-color: #417b5a;
    cursor: pointer;
    transition: all 300ms ease;
}

.vc-ProjectGalleryFilters .vc-ProjectGalleryFiltersOptions span.vc-ProjectGalleryFiltersOption.active,
.vc-ProjectGalleryFilters .vc-ProjectGalleryFiltersOptions span.vc-ProjectGalleryFiltersOption:hover {
    background-color: #3a557c;
}

.vc-ProjectGalleryListing {
}

.vc-ProjectGalleryListing > .single_project {
    display: inline-block;
    width: 33.333333%;
    /* min-width: 350px; */
    padding: 10px;
}

.vc-ProjectGalleryListing > .single_project article {
    position: relative;
    width: 100%;
    padding: 0;
    background-color: #F5F6F7;
    transition: all 300ms ease;
}

.vc-ProjectGalleryListing > .single_project article .image-background-wrapper {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.vc-ProjectGalleryListing > .single_project article .image-background-wrapper .image-background {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center;
    z-index: -1;
    transition: all 1200ms ease;
}

.vc-ProjectGalleryListing > .single_project article:hover .image-background-wrapper .image-background {
    transform: scale(1.2);
}

.vc-ProjectGalleryListing > .single_project article .image-background-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.10);
    transition: all 300ms ease;
}

.vc-ProjectGalleryListing > .single_project article:hover .image-background-wrapper:after {
    background-color: rgba(0, 0, 0, 0.50);
}

.vc-ProjectGalleryListing > .single_project article .title {
    padding: 25px;
    font-family:"Libre Baskerville", serif;
    font-size:23px;
    color: #3a557c;
    text-transform: capitalize;
    text-align: center;
    letter-spacing: normal;
}

/* vc numbered columns */

.vc-numberedColumns div.elementor-row > div.elementor-column {
  position: relative;
}

.vc-numberedColumns div.elementor-row > div.elementor-column:first-of-type {
  counter-reset: vc_columns;
}

.vc-numberedColumns div.elementor-row > div.elementor-column:before {
    counter-increment: vc_columns;
    content: counter(vc_columns);
    display: block;
    position: absolute;
    top: -10px;
    left: -3px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: #417b5a;
    color: #fff;
    z-index: 1;
    font-size: 32px;
    text-align: center;
    padding-top: 15px;
    font-weight: 700;
    box-shadow: 0 2px 9px 3px rgba(0,0,0,.1);
}

#vc-backToTopButton {
    position: fixed;
    display: none;
    bottom: 75px;
    left: 25px;
    z-index: 1000;
}

.vc-readmore {
    position: relative;
    padding-bottom: 25px;
}

.vc-readmore.condensed {
    height: 400px;
    overflow: hidden;
}

.vc-readmore.condensed:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 150px;
    background: transparent;
    background: linear-gradient(0deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
}

.vc-readmore .vc-readmoreToggle {
    position: absolute;
    bottom: 0;
    color: #417B5A;
    cursor: pointer;
}

/* Team Member Detail Shortcode Output Styles */
.vc-team-member-details {
    color:#ffffff;
}

.vc-team-member-details a {
    color:#ffffff;
}
    .vc-team-member-details a:hover {
    text-decoration:underline;
}

.vc-team-member-details-title {
    font-weight:bold;
}

/* Construction Updates List */

.vc-constructionUpdatesList p {
    margin-bottom:30px;
}

.vc-constructionUpdatesList a {
    background-color:#f7f7f7;
    padding:25px;
    font-size:20px;
    display:block;
    position: relative;
    border-radius:2px;
    transition: all 500ms ease;
}

.vc-constructionUpdatesList a:hover {
    color:#fff;
    background-color:#417b5a;
}

.vc-constructionUpdatesList a:after {
    position: absolute;
    content: "\f061";
    top: 0;
    bottom: 0;
    right: 50px;
    height: 50px;
    width: 50px;
    margin: auto;
    line-height: 50px;
    text-align: center;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ffffff;
    opacity: 0;
    transition: all 500ms ease;
    animation:linear infinite alternate;
    animation-name: leftRightAnimation;
    animation-duration: 1500ms;
}

.vc-constructionUpdatesList a:hover:after {
    opacity: 1;
}

@-webkit-keyframes leftRightAnimation {
    0% { right: 35px; }
    50%{ right : 65px; }
    100%{ right: 35px; }
}

/* Careers Page & Open Position Details */

.vc-careerPositionsWrapper {
    margin: 25px 0;
}

.vc-careerPositionElement {
    position: relative;
    padding: 25px;
    margin-bottom:30px;
    background-color: #f7f7f7;
    border-radius:2px;
    cursor: pointer;
    transition: all 500ms ease;
    color:#417b5a;
}

.vc-careerPositionElement:hover {
    color: #ffffff;
    background-color: #417b5a;
}

.vc-careerPositionElement .vc-careerPositionElementTitle {
    font-weight: bold;
}

.vc-careerPositionElement .vc-careerPositionElementIcon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50px;
    height: 50px;
    width: 50px;
    margin: auto;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    opacity: 0;
    transition: all 500ms ease;
    animation:linear infinite alternate;
    animation-name: leftRightAnimation;
    animation-duration: 1500ms;
}

.vc-careerPositionElement:hover .vc-careerPositionElementIcon {
    opacity: 1;
}

.vc-careerPositionDisplayWindow {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding: 75px 25px 25px 25px;
    background-color: #ffffff;
    z-index: 10000;
    overflow: auto;
}

.vc-careerPositionDisplayWindow .container {
    width: 80%;
    max-width: 1080px;
    margin: auto;
}

.vc-careerPositionDisplayWindow .vc-closeDisplayWindow {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    font-size: 32px;
    color: #32496b;
    line-height: 50px;
    text-align: center;
    background-color: #dddddd;
    cursor: pointer;
    transition: all 300ms ease;
}

.vc-careerPositionDisplayWindow .vc-closeDisplayWindow:hover {
    color: #417b5a;
}

.vc-careerPositionDisplayWindowLogoWrapper {
    width:250px;
}

.vc-careerPositionDisplayWindow h1 {
    font-family: "Open Sans", Sans-serif;
    font-weight:600;
    text-transform:capitalize;
    color: #417b5a;
}

.vc-careerPositionDisplayWindowContent {
	line-height:1.6em;
}

.vc-careerPositionDisplayWindowContent p {
    font-family: "Open Sans", Sans-serif;
    font-weight: 400;
    color: #54595f;
	margin-bottom:20px;
}

.vc-ConstructionProjectsListingItem span {
    display: block;
}

.vc-ConstructionProjectsListingItemUpdateDate {
    font-size: 14px;
}

/* Gravity Forms */

li.gf_left_third, li.gf_middle_third {
    padding-right:16px !important;
}

.tablepress {
    font-size: 16px;
}

.tablepress tfoot th,
.tablepress thead th {
    color: #ffffff;
    background-color: #32496b !important;
}

/* Responsive Media Queries */
 @media (max-width: 768px) {
    .vc-ProjectGalleryListing > .single_project {
        width:50%;
        padding: 10px 5px;
    }
}

@media (max-width: 600px) {
    a.menu-item-link.menu-item-link-depth-0.menu-item-link-top {
        color:#fff;
    }
    
    h2.elementor-heading-title.elementor-size-default {
    font-size:38px !important;
    }
    
    h3.elementor-heading-title.elementor-size-default {
    font-size:34px !important;
    }
    
    .vc-ProjectGalleryListing > .single_project {
        width:100%;
    }
	
}

@media screen and (max-width: 480px) {
	.jtg-title {
		font-size: 20px !important;
	}
}

body:not(.home) .figc.no-description .jtg-title {
	display: none;
}

/* Mobile Menu Background Color
@media(max-width:767px) {
   #mobile-menu div.m-layout-mobile.jet-nav--horizontal {
        background:#32496B;
    }
}
 */