/*
Theme Name:   VRCAPS
Theme URI:    https://undeniable.co/
Description:  A Premium Divi Child Theme
Version:      1.0
Author:       Tami Heaton
Author URI:   https://undeniable.co/
Template:     Divi
*/

@import url('../Divi/style.css');


/*======================= TABLE OF CONTENTS ================================
      
      	1. GENERAL
      	2. HEADER-MENU
      	3. PAGE HEADER SECTIONS
      	4. MISC.
      	5. SIDEBAR
      	6. BLOG
	7. CATEGORY PAGES
	8. FIXED MOBILE MENU BAR
	9. FOOTER
     
============================================================================*/

/*-----------------[0. RESET]---------------------*/
html,body{overflow-x:hidden;}

/*------------------------------------------------*/
/*------------------------------------------------*/
/*----------------[1. GENERAL]--------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/

.splash_button_style2:hover {
    background-color: #b5b5b5 !important;
}


/* general */
	h1 {font-size: 60px;}
	h2 {font-size: 45px;}
	h3 {font-size: 35px;}
	h4 {font-size: 30px;}

	@media only screen and (max-width : 980px) {
		h1 {font-size: 50px!important;}
		h2 {font-size: 35px!important;}
		h3 {font-size: 25px!important;}
		h4 {font-size: 20px!important;}}

	@media only screen and (max-width : 568px) {
		h1 {font-size: 40px!important;}
		h2 {font-size: 30px!important;}
		h3 {font-size: 25px!important;}
		h4 {font-size: 20px!important;}}

	@media only screen and (max-width : 479px) {
		h1 {font-size: 40px!important;}
		h2 {font-size: 30px!important;}
		h3 {font-size: 25px!important;}
                h4 {font-size: 20px!important;}}



/*------------------------------------------------*/
/*---------------[2. HEADER-MENU]-----------------*/
/*------------------------------------------------*/


/* top header font awesome icons */
	#top-header .fa {
    		font-size: 20px;}


/* logo overlapping the top header - remove if you dont want the logo to overlap */
/* geno's --deleted  */

/* fixed header box shadow adjustments  
	@media (min-width: 981px){
		#main-header.et-fixed-header {
    			-webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.1) !important;
    			-moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.1) !important;
    			box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.1) !important;}}     here grey? */

/* menu bottom border slide up */
	@media screen and (min-width: 981px) {
		#top-menu-nav > ul > li > a::after {
			position: absolute;
			top: 40%;
			left: 0;
    			width: 100%;
    			height: 2px;
    			content: '';
    			opacity: 0;
    			-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    			-moz-transition: opacity 0.3s, -moz-transform 0.3s;
    			transition: opacity 0.3s, transform 0.3s;
    			-webkit-transform: translateY(10px);
    			-moz-transform: translateY(10px);
    			transform: translateY(10px);}

		#top-menu-nav > ul > li >  a:hover::after,
		#top-menu-nav > ul > li >  a:focus::after {
			opacity: 1;
			-webkit-transform: translateY(0px);
			-moz-transform: translateY(0px);
			transform: translateY(0px);}}


/* remove carrot from menu with drop down */
	#top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {padding-right: 0px;}
	#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {display:none;}

/* hide top menu items in the mobile dropdown menu */
	#mobile_menu li:not([id]) { display:none !important; }

/* mobile menu button with icon */
	@media only screen and (max-width : 980px) {	
		#et_top_search {display: none;}
	 	#et_mobile_nav_menu {margin-top:-15px;}  
  /* remove from here	.mobile_menu_bar:before {
    			padding: 2px 0px 2px 2px;
    			top: 9px;
    			color: #ffffff!important}
  		.mobile_menu_bar::after {
			font-size: 14px;
    			font-family: Arial;
    			content: "MENU";
    			position: relative;
    			padding: 10px 20px 10px 5px;
			cursor: pointer;
    			color: #ffffff!important}      to here   */
}


/* shrink menu on smaller viewports DAVID?  
	@media only screen and (max-width : 1100px) {
		.container.clearfix.et_menu_container, #top-header .container.clearfix {
    		max-width: 100%!important;
    		width: 100%!important;}}    */

/* Logo Fix for Tablets DAVID  */
@media (min-width: 981px) and (max-width: 1228px) {
  #logo { max-width: 400px; }
}   

/* Logo Fix for small KATHY  */
@media (max-width: 980px)  {
  #logo { max-width: 200px !important;  }
}   


/*------------------------------------------------*/
/*-----------[3. PAGE HEADER SECTIONS]------------*/
/*------------------------------------------------*/



/* home page header section padding */
	.home-header {
    		padding-top: 100px!important;
    		padding-bottom: 350px!important;}

		@media only screen and (max-width : 980px) {
		.home-header {
			padding-top: 0px!important;
			padding-bottom: 0px!important;}}

/* home page header section font */

	.home-header h1 {
		color: #001c54 !important;
    		text-shadow: 1px 1px #f8f8f8;}

	.home-header p {
    		text-shadow: 1px 1px #f8f8f8;
    		font-size: 18px;}


/* home page mobile header headline module */

	.header-mobile-headline-module {
    		margin-top: -250px;
text-shadow: 1px 1px #001c54 !important; }    /*  was -200   */

		@media only screen and ( max-width: 479px ) {
		.header-mobile-headline-module {margin-top: -153px;text-shadow: 1px 1px #001c54 !important; }}   /* here   was -153  */

		@media only screen and ( max-width: 400px ) {
		.header-mobile-headline-module {margin-top: -150px;}   /* and here was -100  */
		.header-mobile-headline-module h1 {text-align: center;}
		/*  .home-header p {display:none;}     */
}  


/* sub page header */
	.page-header {
		padding: 100px 0px 300px 0px!important;}

	.page-header h1 {
    		text-shadow: 2px 2px #000; }

	.page-header p {
    		text-shadow: 1px 1px #000;
    		font-size: 18px;}

	@media only screen and (max-width : 980px) {
	.page-header {
		padding-top: 75px!important;
		padding-bottom: 75px!important;}}


/* archive page header */
	.archive-page-header {
		padding: 50px 0px 80px 0px!important;}

	.archive-page-header h1 {
		/* font-size: 40px!important;  */
    		text-shadow: 1px 1px #001c54;}

	.archive-page-header p {
    		text-shadow: 1px 1px #000;
    		font-size: 18px;}

	@media only screen and (max-width : 980px) {
	.archive-header {
		padding-top: 75px!important;
		padding-bottom: 75px!important;}}



/*------------------------------------------------*/
/*------------------[4. MISC]---------------------*/
/*------------------------------------------------*/


/* center social media follow icons */
	.splash_social_follow_centered {
    		text-align: center;}
	.splash_social_follow_centered.et_pb_social_media_follow li {
    		float: none;
    		display: inline-block;}


/* title modules h3 fancy bottom line */

	.title h3:before {
		bottom: -16px;
    		content: "";
    		left: 0;
    		height: 1px;
    		position: absolute;
    		width: 270px;}

	.title h3:after {
		bottom: -16px;
    		content: "";
    		left: 0;
    		height: 1px;
    		position: absolute;
    		width: 70px;
    		z-index: 1;}

	.title-right h3:before {
		bottom: -16px;
    		content: "";
    		right: 0;
    		height: 1px;
    		position: absolute;
    		width: 270px;}

	.title-right h3:after {
		bottom: -16px;
    		content: "";
    		right: 0;
    		height: 1px;
    		position: absolute;
    		width: 70px;
    		z-index: 1;}

	@media only screen and ( max-width: 767px ) {
	.title-right h3:before {
    		right: none;
		left: 0;}

	.title-right h3:after {
    		right: none;
		left: 0;}}



/* we have you covered section - service blurbs */

	.blurb-right .et_pb_main_blurb_image {
    		float: right;
		margin-bottom: 0px;
		margin-top: -13px;
		margin-left: 13px;}

	.blurb-right .et-pb-icon {
    		font-size: 30px;}

	.blurb-left .et_pb_main_blurb_image {
    		float: left;
		margin-bottom: 0px;
		margin-top: -13px;
		margin-right: 13px;}

	.blurb-left .et-pb-icon {
    		font-size: 30px;}

	@media only screen and ( max-width: 767px ) {
	.blurb-right .et_pb_main_blurb_image {
    		float: left;
		margin-left: 0px;
		margin-right: 13px;}}



/* offset images section */

	/* image hover */
		@media only screen and (min-width : 568px) {
		.gq-imghvr img {
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
			-webkit-transition: all 0.6s;
			transition: all 0.6s;}
		.gq-imghvr img:hover {
    			-webkit-transform: scale(1.1, 1.1);
	    		transform: scale(1.1, 1.1);
    			box-shadow: 1px 5px 14px rgba(0, 0, 0, 3);
			z-index: 2;}}

	/* image offsets */
	@media only screen and (min-width: 568px ){
	.image1 img {
		max-width: 125%;
    		margin-top: -64px;
    		margin-left: -15%;}
	.image2 img {
    		z-index: 1;
    		position: relative;
    		margin-top: 5%;}
	.image3 img {
    		max-width: 170%;
    		margin-top: -144px;
    		margin-left: -32%;}
	.image4 img {
    		margin-left: 10%;
    		max-width: 120%;}
	.image5 img {
    		max-width: 90%;
    		margin-top: -28%;
		margin-left: -79px;}
	.image6 img {
    		max-width: 168%;
    		margin-left: -49%;
    		margin-top: -25%;}
	.image7 img {
    		z-index: 1;
    		position: relative;
    		margin-top: -26%;
    		max-width: 114%;
		margin-left: 33px;}
	.image8 img {
    		margin-top: -12%;
    		margin-left: 19%;
		max-width: 123%;}}


	@media only screen and ( min-width: 568px ) and ( max-width: 980px ) {
	.image1 img {
		max-width: 118%;
    		margin-top: -96px;
    		margin-left: 0%;}
	.image2 img {
    		z-index: 1;
    		position: relative;
    		margin-top: 5%;}
	.image3 img {
    		max-width: 142%;
    		margin-top: -83px;
    		margin-left: -11%;}
	.image4 img {
    		margin-left: 4%;
    		max-width: 103%;}
	.image5 img {
    		max-width: 90%;
    		margin-top: -3%;
		margin-left: -49px;}
	.image6 img {
    		max-width: 120%;
    		margin-left: -16%;
    		margin-top: -9%;}
	.image7 img {
    		z-index: 1;
    		position: relative;
    		margin-top: -16%;
    		max-width: 112%;
		margin-left: 0px;}
	.image8 img {
    		margin-top: -12%;
    		margin-left: -28%;
		max-width: 123%;}}

	/* offset image row overflow adjustments */

		@media only screen and ( min-width: 568px ) and ( max-width: 980px ) {
		.splash_offset_img_row {
			 overflow: visible;}}

/* splash map module on the about page */
	@media only screen and (min-width : 981px) {
	.splash-map-module {margin-top: -70px;}}



/* staff columns and images */
	.staff-row {
		padding: 120px 0px 60px 20px!important;}

	.staff-row .et_pb_column {
    		border-radius: 6px;}

	.staff-module .et_pb_blurb_content {
    		padding: 10px;
    		border-radius: 4px;}

	.staff-module img {
    		margin-top: -75px;
    		border-radius: 6px;
		margin-left: -50px;}

	@media only screen and (min-width : 981px) {
	.staff-module .col1 {
		margin-top: 100px;}
	.staff-module .col2 {
		margin-top: 50px;}}

	@media only screen and (max-width : 980px) {
	.staff-row {padding: 100px 0px 0px 20px!important;}
	.staff-row .et_pb_column {margin-bottom: 125px;}}



/*------------------------------------------------*/
/*-----------------[5. SIDEBAR]-------------------*/
/*------------------------------------------------*/

/* widget title padding */
	.widgettitle {
    		padding: 7px 0px 9px 5px;
		color: #fff;}

/* widget link padding */
	.et_pb_widget ul li {
    		padding-left: 5px;}

/* removes divider on post pages*/
	.container::before {display:none;}

/* removes divider in sidebar modules */
	.et_pb_widget_area_left {border-right: 0px solid rgba(0, 0, 0, 0);padding-right: 0px;}
	.et_pb_widget_area_right {border-left: 0px solid rgba(0,0,0,0); padding-right: 0px;}

/* search widget */
	.widget_search input#s {
		border-radius: 0px;}
	.widget_search input#searchsubmit {
    		border: 1px;}


/*------------------------------------------------*/
/*------------------[6. BLOG ]--------------------*/
/*------------------------------------------------*/

/* meta customizations */
	.show_category a {font-weight:bold !important;}
	.hide_category .separator2 , .hide_category .category_handle {display:none !important;}
	.show_category .author , .show_category .separator1 , .show_category .published , .show_category .separator2 , .show_category .separator3 , .show_category .comment_handle {display:none !important;}


/*feature thumbnails alongside post titles on blog page*/
 
    .et_pb_posts .et_pb_post a img {
            max-width: 210px!important;
            float: left;
            padding-right: 20px;}
 
    @media only screen and (max-width: 980px) {
        .et_pb_posts .et_pb_post a img{
            float:none;
            max-width: 250px!important;}}


/*feature thumbnails alongside post titles on blog page*/
 
    	.archive .et_pb_post a img,
	.search .et_pb_post a img,
	.category .et_pb_post a img,
	.tag .et_pb_post a img {
            max-width: 210px!important;
            float: left;
            padding-right: 20px;}
 
    @media only screen and (max-width: 980px) {
    	.archive .et_pb_post a img,
	.search .et_pb_post a img,
	.category .et_pb_post a img,
	.tag .et_pb_post a img {
            max-width: 250px!important;}}



/*------------------------------------------------*/
/*-------------[7. Category Pages]----------------*/
/*------------------------------------------------*/


/* blog category page title underline */
	hr.category-line {
    		width: 50%;
    		float: left;
    		border: 0;
    		height: 3px;}


/*------------------------------------------------*/
/*-------------[8. FIXED MOBILE BAR]--------------*/
/*------------------------------------------------*/
/*
 * Snippet Author: Fabio Sarcona
 * Author URI: https://creativechildthemes.com/
 * Description: Find the original tutorial for this and other great tips and resources at https://creativechildthemes.com/
 */

	#splash-fixed-bar {
    		bottom: 0;
    		width: 100%;
    		left: 0;
    		position: fixed;
    		vertical-align: middle;
    		z-index: 9999!important;
    		box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);}

	/* Row custom for mobile */
		@media only screen and (max-width: 980px) { 
			.row_bar_custom.et_pb_gutters1.et_pb_row_4col > .et_pb_column.et_pb_column_1_4 { 
				width: 25% !important; }
			.row_bar_custom.et_pb_row { 
				max-width: 100% !important; width: 100% !important;}}



/*------------------------------------------------*/
/*-----------------[9. Footer]--------------------*/
/*------------------------------------------------*/

/* footer divider */
	.splash_footer_divider:before {
    		max-width: 30%;
    		margin-left: 35%;}



/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*---[ADD YOUR CUSTOMIZATION BELOW THIS LINE]-----*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/

.et_pb_section_0.et_pb_section {
background-color: #ffffff !important;
}