/*
Theme Name:     Viva Genesis child theme 3.0
Description:    This is a child theme of Genesis
Author:         Golin Web Design
Template:       genesis

(optional values you can add: Theme URI, Author URI, Version)
*/

/* @import url("../genesis/style.css");  Use code below for genesis 3.x */
@import url("style-genesis-sample-3-2.css");


/* ## Headings and Fonts
--------------------------------------------- */

:root {
--new_blue: #4C6893;
--new_red: #B73120;
--home_gray:#dddbdb;
--icon_gray:#b2bad1;
--footer_gray: #98999B;
--subpage_gray:#bdbcbe;
--gray_blue:#84a9b8;
--text_gray:#555555;
--old_red:#ee3a43;
--link_purple:#8897C3;
}

h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	line-height: 1.5;
	margin: 0 0 15px;
}

h1, h1.entry-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 26px;
	margin-bottom:25px;
	color:var(--new_red);
	font-weight:500;
}

h2, h2.entry-title  {
	font-size: 16px;
	color:var(--new_red);
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 16px;
}
body > div {
    font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	font-weight: normal;
    color:#555555;
    line-height:1.5em;
}
p {
	margin-bottom:1.2em;
    font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	font-weight: normal;
    color:#555555;
}
a, a:visited, .entry-title a, a:hover {
	color:var(--link_purple);
	font-weight:bold;
}
a, a:visited, .entry-title a {
	text-decoration: none;
	/* -webkit-tap-highlight-color: transparent; use this if you don't want a tap color feedback */
}
a:hover, .entry-title a:hover {
	text-decoration:underline;
}
a:active {
    outline:none;
	/*-moz-outline-style: none; not sure if I need this too  */
}

/* font styles */
.plarge {
	font-family:"PT Sans", sans-serif;
	font-style:none;
	font-size:16px;
	color:#555555;
	}
.psmall {
	font-family:"PT Sans", sans-serif;
	font-style:none;
	font-size:16px;
	color:#555555;
	}

/* image captions */
.wp-caption-text {
	font-weight: normal;
	font-size: 13px;
	font-family: "PT Sans", sans-serif;
}
/* remove all page titles */
.page .entry-title {
	display:none;
} 

/********** Page Layout **********/

/* set site width, header width and nav width*/
.content-sidebar-wrap, .site-header .wrap, .nav-primary .wrap, .site-inner, .site-footer .wrap {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto; 
	background-color:#fff;
}

 .site-inner {
     padding:0 30px 0 30px;
 }
/********* header settings *************/
.site-header {
    box-shadow:none;
    position:relative;
    padding:0;
}
.site-header .wrap {
	padding:20px 30px 0 30px;
}
.title-area {
    width:100%;
    padding-bottom:0;
}
.title-area p {
	display:none;
}
/* set dimensions of logo */
.logo {
	max-width:193px;
	height: auto;
	}
/* reduce space bewteen content and footer */
.page .entry {
	margin-bottom:20px;
}
.content {
	float: none;
	width: 100%;
	}

/********** navigation ****************/	
/* move main menu to right of logo */
.nav-primary  {
   padding-bottom:0;
}
.nav-primary a {
   font-family: "Montserrat", sans-serif;
   font-size:14px;
   font-weight: 500;
}
.nav-primary .genesis-nav-menu a {
   padding-left:10px;
   padding-right:10px;
}
.nav-primary a, .nav-primary a:visited {
    color:var(--text_gray);
}
.nav-primary .wrap {
    padding:8px 0;
}
.nav-primary li a:hover {
    color:var(--new_red);
}
.genesis-nav-menu .sub-menu {
    border:none;
}
.genesis-nav-menu .sub-menu a {
    border:none;
    padding-top:10px;
    padding-bottom:12px;
}
.genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu .current-menu-parent a {
    color:var(--new_red);
}
.genesis-nav-menu .sub-menu li:not(.current-menu-item) a {
    color:var(--text_gray);
}
.genesis-nav-menu .sub-menu li:not(.current-menu-item) a:hover {
    color:var(--new_red);
}


/********** homepage ***********/
/* don't display page title */
.home h1.entry-title {
	display:none;
}
.home-top-section {
    position:relative;
    margin-top:50px;
}
.home-top-text {
    position:absolute;
    left:calc(0% + 15px);
    top:30%;
    width:450px;
}
.home-top-text h2 {
    color:var(--new_blue);
    font-weight:bold;
    font-size:35px;
    line-height:45px;
}
.hometop1 {
    margin-bottom:0px;
}

.home-top-textrow {
    height:400px;
    margin-top:100px;
}
.home-top-image1 {
    position:absolute;
     top:-25%;
/* left:45%;*/
    right:30%;
    width:30%;
}
.home-top-image2 {
    position:absolute;
    top:40%;
    /*left:75%;*/
    right:0%;
    width:30%;
}
.home-top-image3 {
    position:absolute;
    top:72%;
    left:28%;
    width:40%;
}
.home-top-image4 {
    display:none;
}
.home-services-heading {
    margin-top:250px;
}
.home-services-heading h2 {
    color:var(--new_blue);
    font-size:35px;
    font-weight:bold;
}
.home-service-icon  {
    margin-bottom:10px !important;
}
.home-service-icon img {
    max-width:200px !important;
}
.home-services-subheading {
    margin-bottom:0px !important;
}
.home-services-subheading a {
    color:var(--new_red);
    font-family:"PT Sans", sans-serif;
}
.home-services-heading .vc_col-sm-2 {
    width:calc(50% - 110px);
}
.home-services-heading .vc_col-sm-8 {
    width:220px;
}
.home-services-subheading h2 {
    color:var(--new_red);
    font-weight:bold;
    font-size:24px;
}
.home-services-row p {
    font-size:20px;
}
.home-team-heading h2 {
    color:var(--new_blue);
    font-size:35px;
    font-weight:bold;
}
.home-team-heading {
    margin-bottom:15px !important;
}
.home-team-text p {
    font-size:20px;
    line-height:28px;
    max-width:200px;
    margin-left:auto;
    margin-right:auto;
}
.home-team-text a {
    line-height:40px;
    color:var(--icon_gray);
}
	
/***** secondary pages *********/
/* limit content area to 650px */
body:not(.home) .content {
    max-width:850px;
	padding-top:35px;
	margin-left: auto;
	margin-right: auto;
}
.feature-title {
    display:none;
}
/* subpage banner */
.bannercontainer {
    background-color:var(--subpage_gray);
    margin-top:30px;
}
.subpage-title {
    padding-top:60px;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
    padding-left:30px;
    padding-right:30px;
}
.subpage-title h1 {
    color:#fff;
    font-size:55px;
    font-weight:600;
    padding-bottom:25px;
}

/***** Tips and Opinions ****/
/* add document type icons for doc, pdf, xls */
a[href$=".pdf"] {
    background: url("http://www.vivaconsult.com/wp-content/uploads/icon_pdf.gif") no-repeat scroll right center transparent;
    padding: 5px 20px 5px 0;
	}
a[href$=".xls"], a[href$=".xlsx"] {
    background: url("http://www.vivaconsult.com/wp-content/uploads/icon_xls.gif") no-repeat scroll right center transparent;
    padding: 5px 20px 5px 0;
	}
a[href$=".doc"], a[href$=".docx"] {
    background: url("http://www.vivaconsult.com/wp-content/uploads/icon_doc.gif") no-repeat scroll right center transparent;
    padding: 5px 20px 5px 0;
	}
	
/* add red dot to lists */
.tips-opinions ul {
    margin: 0;
    padding: 0;
}
.tips-opinions ul li::before {
    content: ">>";
    background-image: url('http://www.vivaconsult.com/wp-content/uploads/red-dot2.png');
    background-repeat: no-repeat;
    margin-right: 5px;
    color: transparent;
    background-position: left center;
}
.tips-opinions ul li {
    list-style-type: none;
    margin-bottom:15px;
}
/***** BIO Pages *****/
.bio-intro img:hover {
    filter:brightness(1.1);
}
.bio-intro img {
    width:27%;
    margin-left:20px;
}
/* font styles for quotes on bio pages */
.quotetext {
	font-family:"PT Sans",  sans-serif;
	line-height:29px;
	font-style:italic;
	font-size:25px;
	clear:both;
	width:100%;
	text-align:right;
	}
.quoteauthor {
	font-family:"PT Sans", sans-serif;
	line-height:20px;
	font-style:none;
	font-size:16px;
	clear:both;
	}
	
/***** Who We Are pages *****/
/* font styles for who-we-are pages */
.introtext {
	font-family:"Montserrat", sans-serif;
	color:#555555;
	font-size:18px;
	font-weight:normal;
	line-height:30px;
	}
/* who we are and services landing page names */
.bioname {
	font-family:"Montserrat", sans-serif;
	color:var(--new_red);
	font-size:18px;
	font-weight:500;
	}
/************** bio tabs **************/

/****** new code *******/
.tab-closed {
    background-color:#b8b2b2;
    width:100%;
    padding-top:6px;
    padding-bottom:5px;
    background-image:none;
}
.tab-open {
    background-color:transparent;
    padding-top:6px;
    padding-bottom:21px;
    width:100%;
}
.resume-tabs .vc_column-inner .wpb_wrapper {
    display:flex;
    max-width:850px;
}
.resume-tabs p {
    color:#fff;
    font-family:"Montserrat", sans-serf;
    font-size:15px;
    font-weight:500;
}
/* set tab widths */
.bio-button {
	flex-basis:12%;
	margin-right:5px;
}
.recent-projects-button {
	flex-basis:36%;
	margin-right:5px;
}
.experience-button {
	flex-basis:26%;
	margin-right:5px;
}
.activities-button {
	flex-basis:26%;
}
.resume-tab-button:hover,
.bio-tab-open,
.projects-tab-open,
.experience-tab-open,
.activities-tab-open {
    background-image:url('/wp-content/uploads/resume-tab-background-arrow.png');
    background-repeat:no-repeat;
    cursor:pointer;
}
/* set background image with arrow */
.bio-button p:hover, .bio-tab-open {
    background-color:var(--new_red);
} 

.recent-projects-button p:hover, .projects-tab-open {
    background-color:var(--new_blue);
} 
.experience-button p:hover, .experience-tab-open {
    background-color:#8897c3;
} 
.activities-button p:hover, .activities-tab-open {
    background-color:var(--footer_gray);
} 
/****** end new tab code *****/

/**** services pages *****/
/**************** services landing page ****************/
.services-row .bioname a {
    color:var(--new_red);
    font-weight:600;
}
.services-link a {
    font-size:18px;
}
.services-link {
    margin-top:-18px;
}
.services-row img {
    margin-bottom:8px !important;
}
.services-row {
    margin-bottom:20px;
}
.services-subpage-icon {
    margin-bottom:10px !important;
}
.services-subpage-icon img {
}
/**** our approach ****/
.approach-text h2 {
    font-size:20px;
}
/**** search and filter ******/
.searchandfilter {
    padding:20px;
    background-color:#f9f9f9;
    border:1px solid #E0E0E0;
}
.searchandfilter ul {
    margin-left: -15px !important;
    padding-left: 15px !important;
    font-size: 13px !important;
}
.searchandfilter ul ul.children {
    display:flex;
    flex-wrap:wrap;
    margin-left:-5px !important;
}
.searchandfilter .sf-level-0 input {
    display:none;
}
.searchandfilter .sf-level-0 label {
    font-weight:bold;
    font-size:16px;
}
.searchandfilter .sf-level-1 input {
    display:inline-block;
}
.searchandfilter .sf-level-1 label {
    font-weight:normal;
    padding-left:5px !important;
    font-size:14px;
    margin-right:30px;
}
/* hide project category and uncategorized */
.searchandfilter .sf-item-15,  
.searchandfilter .sf-item-1 {
    display:none;
}
.searchandfilter input[type=submit] {
    background-color:var(--icon_gray);
    text-transform:uppercase;
    font-weight:bold;
    padding:8px 20px 8px 20px;
    font-size:14px;
} 
.searchandfilter input[type=submit]:hover {
    background-color:var(--link_purple);
}
.searchandfilter::before {
    content:'Filter Projects';
    color:var(--new_red);
    font-weight:bold;
    font-size:18px;
}
/***** project search results *****/
.search-filter-results {
    margin-top:30px;
}
.project-content h2 {
    margin-bottom:5px;
}
.wp-pagenavi .current,
.wp-pagenavi .extend,
.wp-pagenavi a {
    border:none !important;
}
/**** contact page *****/
.wpforms-field-label {
    color:var(--new_blue);
}
button[type="submit"] {
    background-color:var(--new_blue) !important;
}
.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background:var(--icon_gray) !important;
    border:1px solid var(--link_purple) !important;
}
/*** posts ****/
/* size headers on archive pages */
body.archive h2.entry-title a, body.archive h2.entry-title {
	font-family: "Open Sans", sans-serif;
	font-size:24px;
	font-weight: bold;
	margin-bottom:15px;
	}
a.moretag, a:visited.moretag, a:hover.moretag {
	color:#6ebae4 !important;
	font-size:14px;
	font-family:"Open Sans", sans-serif;
}
/* hide "continue reading because we added readmore */
.post .post-more {
	display:none;
}
/* hide comments on custom post types */
#comments {
	display:none;
}
/**** cutsom post loop pagination *****/
/*** make pagination lineup horizontally **/
.pagination li {
	float:left;
	margin-left:5px;
}
/* set page nav color */
.pagination li a {
	color:#13acd3;
    background-color:#fff;
}
 
/* set achive page nav color */
.pagination li.active a, .pagination li a:hover {
	color:#0b6981; 
    background-color:#fff;
}
/* add flexbox to center pagination */
.pagination {
	padding-bottom:50px;
	display:flex;
	justify-content: center;
}
/******* footer ************/
/********** basic footer setting *********/
/* remove genesis gototop */
.site-footer .gototop {
	display:none;
}
.site-footer {
    border-top:0;
}
.site-footer .wrap {
    padding-bottom:30px;
}
.footer-left {
    float:left;
    font-size:13px;
    color:#999999;
}
.footer-right {
    float:right;
    font-size:13px;
    color:#999999;
}
.footer-widgets {
	padding-top:40px;
	padding-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	padding-left:30px;
	padding-right:30px;
	background-color:var(--footer_gray);
}
.footer-widgets .wrap {
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}
.footer-widgets .widget-area {
    border:none !important;
}
.footer-widgets a, .footer-widgets {
    color:#fff;
    font-weight:normal;
    font-size:18px;
}
.footer1-text, .footer1-link {
    float:left;
}
.footer1-text {
    margin-right:30px;
    font-size:18px;
}

/* Footer widget */
.footer-widgets .widget-area {
	width:100%;
	float:left;
	border-bottom:1px solid #dbdbdb;
    padding-bottom:20px;
    padding-left:0;
}

@media only screen and (max-width:1250px) {
    .home-top-image1 {
      /*  width:calc(30% - 20px); */
      left:auto;
      right:30%;
    }
    .home-top-image2 {
        left:auto;
        right:0%;
       /* width:calc(30% - 20px); */
    }
    .home-top-image3 {
        /*width:calc(40% - 20px);*/
        /*top:65%;*/
        right:35%;
        left:auto;
    }
    .home-top-text {
      /*  left:3%;*/
        top:20%;
    }
    .hometop2 {
    }
    .home-top-textrow {
        height:33vw;
    }
} /* 1200 */

@media only screen and (max-width:1175px) {
    .site-footer {
        margin-bottom:0;
    }
    .home-top-image1 {
        left:auto;
        width:32%;
        right:2%;
    }
    .home-top-image2 {
        left:auto;
        right:10%;
        top:75%;
        width:32%;
    }

    .home-top-image3 {
        left:auto;
        right:42%;
        top:65%;
        width:43%;
    }
    .home-top-text {
        left:10%;
    }
    .home-top-textrow {
        height:34vw;
    }
    
} /* 1150 */
@media only screen and (max-width:1024px) {

} /* 1024 */

@media only screen and (max-width:960px) {
    #rmp_menu_trigger-1502 {
        border-top-left-radius:0 !important;
        border-bottom-left-radius:0 !important;
        border-top-right-radius:0 !important;
        border-bottom-right-radius:0 !important;
    }
    #rmp-container-1502 {
        background-color:transparent !important;
    }
} /* 960 */

@media only screen and (max-width:850px) {
    .home-services-row .vc_col-sm-3 {
        width:50% !important;
    }
    .home-top-text h2 {
        font-size:30px;
        line-height:40px;
    }
    .home-top-text {
        left:4%;
        top:15%;
    }

} /* 850 */

@media only screen and (max-width:767px) {
    .site-inner, .site-header .wrap, .subpage-title, .footer-widgets, .site-footer {
            padding-left:4%;
            padding-right:4%;
    }
    .home-top-textrow {
        height:350px;
        margin-top:50px;
    }
    .home-top-image1 {
        left:45%;
        width:35%;
        right:auto;
        top:280px;
        z-index:9000;
        display:none;
    }
    .home-top-image2 {
        left:65%;
        right:auto;
        top:200px;
        width:35%;
        z-index:8000;
        display:none;
    }

    .home-top-image3 {
        left:3%;
        right:auto;
        top:160px;
        width:75%;
        display:none;
    }
    .home-top-image4 {
        display:block;
        position:absolute;
        top:calc(15% + 120px);
        left:calc(3%);
        width:100%;
    }
    .home-top-text {
        left:calc(3%);
    }
    .home-services-row .vc_col-sm-3 {
        float:left;
    }
    .home-services-heading {
        margin-top:40%;
    }
    .home-team-image {
        margin-bottom:0 !important;
    }
    .services-services-row {
        max-width:540px;
        margin-left:auto !important;
        margin-right:auto !important;
        margin-bottom:40px;
    }
    .services-services-row .vc_col-sm-3 {
        width:50% !important;
        float:left;
    }
    .services-services-text {
        margin-bottom:0 !important;
    }
    .bio-intro img {
        max-width:250px;
        margin-left:0px;
        width:100%;
        float:none;
    }
    .who-we-are-people-grid img {
        max-width:250px !important;
    }
    .who-we-are-people-grid .wpb_single_image {
        margin-bottom:15px;
    }
	
}/* 767 */

@media only screen and (max-width:575px) {
    .home-top-image4 {
        left:auto;
    }
    .home-top-textrow {
        height:280px;
    }
    .home-services-row .vc_col-sm-3 {
        width:100% !important;
        float:none;
    }
    .subpage-title h1 {
        font-size:48px;
    }
    .resume-tabs {
        margin-bottom:20px;
    }
    .resume-tabs .vc_column-inner .wpb_wrapper {
        flex-wrap:wrap;
    }
    .resume-tab-button {
        flex-basis:100%;
        margin-right:5px;
        margin-bottom:5px !important;
    }
    .tab-open {
        padding-bottom:5px;
    }
    .footer-right {
        clear:both;
        float:left;
        margin-top:10px;
    }
    
	
} /* 575 */
@media only screen and (max-width:450px) {
    .home-top-text {
        width:auto;
        left:auto;
        top:20%;
    }
    .home-top-text h2 {
        font-size:7vw;
        line-height:8.5vw;
    }
    .home-top-textrow {
        height:250px;
    }
} /* 450 */
@media only screen and (max-width:400px) {
    .footer1-link {
        clear:both;
        float:left;
        margin-top:10px;
    }
	
} /* 400 */
@media only screen and (max-width:370px) {
   .subpage-title h1 {
        font-size:40px;
    }
} /* 370 */