/*
Theme Name: Vivacity Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Vivacity WordPress theme. Only activate this child theme if you intend to make modifications to the theme otherwise activate the parent theme.
Version: 1.0
Author: GhostPool
Author URI: http://www.ghostpool.com
Template: vivacity
*/

/* Add your own CSS code here */

@media only screen and (max-width: 480px) {
	#top-header .social-icons, #top-header .nav .menu {float: none; text-align: center;}
}

body {
	background-color: #FFF;
/*	background-image: url(/wp-content/uploads/2018/12/splash.jpg);
	background-repeat: repeat-x;;
 	background-position: center; 
	background-position: top;
	background-size: 100%; 
	background-repeat: repeat-x;
	background-position-y: 25px;*/
}

/*Top Header*/
#top-header {height: auto !important;}
#top-header #top-nav {float: none;}
#top-header .nav .menu {float:right;}
.social-icons {float:left;}

/*Header and Nav*/
#header {background:rgba(255, 255, 255, 0.9) !important;}
ul#menu-main {float:right; margin-top: 5px;}
.nav .menu > li > a {padding: 0 10px;}

/*Remove page title background, borders, margins and padding*/
.entry-header.page-header {background: none !important; border: none !important; margin: 0; padding: 0;}

/*Remove page background - allows header image to show */
#page-wrapper {background: none !important;}

/*Remove extra padding*/
#content-wrapper.container > #content {padding: 20px 0;}

/*Main Page Headers - use class .page*/
.page .entry-header.page-header {padding-top: 65px; padding-bottom: 25px;}
.page .entry-header.page-header .entry-title {text-align: center; font-weight: bold; letter-spacing: .12em; font-size: 40px; }
.page .entry-header.page-header .subtitle {text-align: center;}

/*Main Archive Headers - use class .page*/
.archive .entry-header.page-header {padding-top: 65px; padding-bottom: 25px;}
.archive .entry-header.page-header .entry-title {text-align: center; font-weight: bold; font-size: 30px; }


/*--------Posts - use class .single-post--------*/

/*Remove all paddings and margins on posts headers / titles and reset */
.single-post .post-header {margin: 0; padding:0;}
.single-post .post-header .entry-title {font-size: 1.6em; font-weight: bold;}

/*Sidebar headings on Single Post*/
.single-post #sidebar .entry-title {font-size: .9em;}
.single-post #sidebar .widgettitle {margin-bottom: 15px;}
.single-post #sidebar .post-thumbnail img {border: 1px solid #00a2e3; }

/*Post Content - add space above content on Single Post*/
.single-post #content-wrapper {margin-top: 40px;}

/*Posts Page Settings*/
.gp-theme .loop-title {line-height: 24px;}
.wrap {margin: 0 0 15px 0 !important;}


/*--------Portfolio Individual Item - use class single-gp_portfolio_item--------*/

/*Reset Page title*/
.single-gp_portfolio_item .entry-header.page-header {padding-top: 65px; padding-bottom: 0; margin-bottom: 0;}
.single-gp_portfolio_item .entry-header.page-header .entry-title {font-size: 1.6em; font-weight: bold;}

/*Reset Column Size on Individual Portfolio*/
.portfolio-left-col {width: 40%;}
.portfolio-right-col {width: 50%;}

/*Portfolio Loop Title*/
.portfolio-loop .entry-header h2 a {font-size: 14px;}

/*Col Settings*/
.portfolio-full-col {text-align: center;}

/*Buttons*/
input[type=button], input[type=submit], button, .button {color: #FFF !important;}


/*Reset all Headers*/
.wpb_row h1 {font-size: 32px; line-height: 33px;}
.gp-custom-vc-options .wpb_row h2, .wpb_row h2 {font-size: 22px; line-height: 23px;}
.wpb_row h3 {font-size: 20px; line-height: 21px;}
.wpb_row h4 {font-size: 18px; line-height: 19px;}
.wpb_row h5 {font-size: 16px; line-height: 17px;}
.wpb_row h6 {font-size: 16px; line-height: 17px;}