/*
Theme Name: TWG - Themetastic
Version: 1.0
Description: A child theme of Themetastic - Responsive Business WordPress Theme
Template: themetastic
*/

@import url("../themetastic/style.css");

/* General Styles */
body {
	font-size: 14px;
}
h4 {
	line-height: 26px;
	margin-bottom: 10px;
}
li a:hover, div a:hover, p a:hover, a:hover {
	color: #3153B4 !important;
}
.fullwidthlayout .pagetitlewrap {
	margin-bottom: 20px;
}
.pagetitle h1 {
	margin: 10px 0px 15px;
}
.row.moduletitle {
	margin-bottom: 8px;
}
.moduletitle .titletext h2 {
	height: auto;
	overflow: hidden;
}
.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {
	margin-bottom: 12px !important;
}
.teaser_grid_container li.isotope-item div.entry-content {
	display: none;
}
.teaser_grid_container h2 {
	line-height: 20px;
}
.teaser_grid_container .post-thumb img.attachment-thumbnail {
	width: 100%;
	height: auto;
}
@media screen and (max-width:1200px) {
	.teaser_grid_container h2 {
		font-size: 24px;
	}
}
@media screen and (max-width:550px) {
	.header .logo {
		width: 90%;
		height: 90%;
	}
}
@media screen and (max-width:400px) {
	.header .logo {
		width: 80%;
		height: 80%;
		padding-top: 10px;
	}
}
.isotope-item {
	transition-property: none !important;
}

.mobile_only {
	display: none;
}
@media screen and (max-width:767px) {
	.mobile_only {
		display: inline-block;
	}
	.desktop_only {
		display: none;
	}
}

/* Buttons */
.button {
	background: #e96a21;
	display: inline-block;
	color: #fff;
	padding: 6px 14px;
	box-sizing: border-box;
	border-radius: 6px;
	margin: 5px;
	box-shadow: 0px 6px 6px rgba(255, 255, 255, 0.7) inset, 4px 5px 15px -1px #000;
	border: 1px solid #666;
}
.button:hover, a.button:hover {
	background: #e06620;
	box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.3) inset, 4px 5px 15px -1px #000;
	color: #eee !important;
}
.button.half_width {
	width: 48%;
	margin: 2% 4% 2% 0px;
	text-align: center;
}
.button.half_width:nth-child(2n) {
	margin: 0;
}

/* Header */
.headerwrap {
	border: none;
}
/*
.mobile_only.careers_button {
	display: none;
}
@media screen and (max-width:767px) {
	.headerwrap, .boxedlayout .headerwrap {
		height: 140px;
	}
	.mobile_only.careers_button {
		display: inline-block;
		position: absolute;
		right: 14px;
	}
}
@media screen and (max-width:400px) {
	.headerwrap, .boxedlayout .headerwrap {
		padding-bottom: 10px;
	}
}
*/

/* Column Fixes */
.vc_column_container {
	padding: 0px !important;
}
.vc_row-fluid [class*="vc_col"] .vc_column-inner {
	margin-left: 2.5%;
}
.vc_row-fluid [class*="vc_col"]:first-child .vc_column-inner {
	margin-left: 0;
}
@media screen and (min-width: 768px){
	.vc_col-sm-4 {
		width: 31.666666666666668% !important;
	}
}
.vc_row-fluid .vc_col-sm-6, .wpb_teaser_grid.wpb_carousel .vc_col-sm-6 {
    width: 48.75%;
}
@media screen and (max-width: 767px){
	.vc_row-fluid .vc_col-sm-6, .wpb_teaser_grid.wpb_carousel .vc_col-sm-6 {
		width: 100%;
		margin: 0;
	}
}
.wpb_content_element {
	max-width: 100%;
}

.homesliderwrapper {
	margin-bottom: -55px;
}
/* Main Menu */
.ddsmoothmenu ul li.current-menu-item a, .ddsmoothmenu ul li.current-menu-item a.selected, .ddsmoothmenu ul li.current-menu-ancestor a {
	color: #3153B4 !important;
}
.ddsmoothmenu ul li.menu-item a, .ddsmoothmenu ul li.menu-item a:hover {
/*	padding-top: 20px;
	padding-bottom: 20px;*/
	border: none;
}
/* Fix sub-menu jumping to the left */
.ddsmoothmenu ul li ul li ul.sub-menu {
	left: 0px !important;
	margin-left: 80%;
}

.wpb_video_widget {
	margin-right: 29px;
}
@media screen and (max-width: 979px){
	.wpb_video_widget {
		margin-right: 15px;
	}
}
.homeposts .homepost {
	width: 100%;
	min-height: 99px;
}
.homeposts .homepost .postbody h4 a {
	font-size: 15px;
	line-height: 22px;
}
.home .vc_col-sm-12.wpb_column.vc_column_container {
	padding: 0px;
}
.home .wpb_single_image .wpb_wrapper img {
	box-shadow: 0px 0px 15px 1px #888888;
}

.home .homeposts .post .posttext {
	display: none;
}

/* Resize the homepage slider */
.row.homeslider {
	width: 1170px;
	height: 260px !important;
	margin-left: auto;
	margin-right: auto;
}
.rev_slider_wrapper.fullwidthbanner-container, .rev_slider.fullwidthabanner {
	max-height: 260px !imporant;
	height: 260px !important;
}
.rev_slider_wrapper .active-revslide .slidelink {
	top: 0px !important;
}
.tparrows.default {
	top: 130px !important;
}
.tp-bullets {
	top: 235px;
}
.tp-bannershadow.tp-shadow3 {
	height: 48px !important;
	bottom: auto;
}
@media screen and (max-width: 1200px){
	.row.homeslider {
		width: 940px;
		height: 0 !important;
		padding-bottom: 22.22222222%
	}
	.rev_slider_wrapper.fullwidthbanner-container, .rev_slider.fullwidthabanner {
		max-height: 209px !imporant;
		height: 0 !important;
		padding-bottom: 22.22222222%
	}
	.tparrows.default {
		top: 105px !important;
	}
	.tp-bullets {
		top: 190px;
	}
}
@media screen and (max-width: 979px){
	.row.homeslider {
		width: 724px;
	}
	.tparrows.default {
		top: 80px !important;
	}
	.tp-bullets {
		top: 143px;
	}
}
@media screen and (max-width: 767px){
	.row.homeslider {
		width: 100%;
	}
}
@media screen and (max-width: 502px){
	.row.homeslider {
		width: 100%;
	}
}

/* Resize the homepage icons for mobile devices */
.home .wpb_single_image.wpb_content_element {
	width: 30%;
	margin-right: 15px;
}
.home .wpb_single_image.wpb_content_element:last-child {
	margin-right: 0px;
}
@media screen and (max-width: 1200px){
	.home .wpb_single_image.wpb_content_element {
		width: 29%;
		margin-right: 15px;
	}
	.home .wpb_single_image .wpb_wrapper img {
		width: 100%;
	}
}
@media screen and (max-width: 767px){
	.home .wpb_single_image.wpb_content_element {
		width: 29%;
		margin-left: 3.2%;
		margin-right: 3.2%;
		display: inline-block;
		float: left;
	}
	.home .wpb_single_image.wpb_content_element:first-child {
		margin-left: 0px;
	}
	.home .wpb_single_image.wpb_content_element:last-child {
		margin-right: 0px;
	}
}


/* Change the footer background to white */
.footerwrap {
	background-color: #fff !important;
}

/* Full width footer hack */
footer .footerwrap .row article.span3:first-child {
	display: block;
	width: 100%;
	text-align: center;
}

/* Center Align Homepage Items on Mobile Devices */
@media screen and (max-width: 767px){
	.home .row.moduletitle .titletext {
		width: 100%;
	}
	.home .row.moduletitle .titletext h2 {
		text-align: center;
	}
	.home .wpb_video_widget.wpb_content_element {
		width: 100%;
	}
}


/* Category Page */
.archive .blogpost h2 {
	min-height: 75px;
}
.blogpost .day, .homepost .day, .blogpost .month, .homepost .month, .blogpost .year, .homepost .year {
	text-align: center;
}
.blogpost .month, .homepost .month {
	padding-top: 6px;
	font-size: 18px;
}
.blogpost .year, .homepost .year {
	width: 40px;
	font-size: 13px;
	padding-top: 10px;
	font-weight: 700;
	color: #666;
}

/* Misc Pages */
.wpb_single_image img {
    z-index: 99;
    position: relative;
}
.wpb_single_image .vc_single_image-wrapper {
    max-width: 100%;
}

/* INNOVATIONS BLOCK */
.innovation_block {
    background: rgb(220,220,255);
    margin-right: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
@media screen and (max-width: 1200px){
	.innovation_block {
		margin-right: 0;
	}
}
.innovation_block h3 {
    background: rgb(120,120,255);
    color: #fff;
    text-align: center;
    font-weight: 700;
    padding: 8px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0;
}
.innovation_block ul {
    margin: 30px;
    font-size: 1.2em;
    padding-bottom: 30px;
}
.innovation_block ul li {
    margin: 15px;
}