/*
	Theme Name: WPTAN Blank
	Theme URI: 
	Description: Blank Theme By WP Tan
	Version: 1.0
	Author: WP Tan
	Author URI: http://www.wptan.com
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

body {
	font-family:'Open Sans', sans-serif;
	color:#222;
	background:#fff;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	text-decoration:none;
	transition: ease all 0.2s;
	-o-transition: ease all 0.2s;
	-moz-transition: ease all 0.2s;
	-webkit-transition: ease all 0.2s;
}
a:hover {
	text-decoration:none;
	transition: ease all 0.2s;
	-o-transition: ease all 0.2s;
	-moz-transition: ease all 0.2s;
	-webkit-transition: ease all 0.2s;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}



/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

.mt100 {margin-top:100px;}
.mt90 {margin-top:90px;}
.mt80 {margin-top:80px;}
.mt70 {margin-top:70px;}
.mt60 {margin-top:60px;}
.mt50 {margin-top:50px;}
.mt40 {margin-top:40px;}
.mt30 {margin-top:30px;}
.mt20 {margin-top:20px;}
.mt10 {margin-top:10px;}


.mb100 {margin-bottom:100px;}
.mb90 {margin-bottom:90px;}
.mb80 {margin-bottom:80px;}
.mb70 {margin-bottom:70px;}
.mb60 {margin-bottom:60px;}
.mb50 {margin-bottom:50px;}
.mb40 {margin-bottom:40px;}
.mb30 {margin-bottom:30px;}
.mb20 {margin-bottom:20px;}
.mb10 {margin-bottom:10px;}

.pt100 {padding-top:100px;}
.pt90 {padding-top:90px;}
.pt80 {padding-top:80px;}
.pt70 {padding-top:70px;}
.pt60 {padding-top:60px;}
.pt50 {padding-top:50px;}
.pt40 {padding-top:40px;}
.pt30 {padding-top:30px;}
.pt20 {padding-top:20px;}
.pt10 {padding-top:10px;}

.pb100 {padding-bottom:100px;}
.pb90 {padding-bottom:90px;}
.pb80 {padding-bottom:80px;}
.pb70 {padding-bottom:70px;}
.pb60 {padding-bottom:60px;}
.pb50 {padding-bottom:50px;}
.pb40 {padding-bottom:40px;}
.pb30 {padding-bottom:30px;}
.pb20 {padding-bottom:20px;}
.pb10 {padding-bottom:10px;}

.p0 {padding:0}
.m0 {margin:0}

/*------------------------------------*\
    NAV
\*------------------------------------*/

.bg-greyred {
	background: #f3eeee;
}


/*------------------------------------*\
    NAV
\*------------------------------------*/

.navbar {
	background: #fff;
	opacity:0.9;
	box-shadow: 0 0 5px #aaa;
}

.navbar-brand img {
	width:200px;
}

.navbar a {
	color: #333;
}

.navbar a:hover {
	color: #b63e3e;
}

.navbar .active a {
	font-weight: 700;
	color: #b63e3e;
}

i.fa-bars {
	color:#b63e3e;
}

/*------------------------------------*\
    HERO IMAGE
\*------------------------------------*/

.hero {
	width:100%;	
	margin:0;
}

.hero-home {
	min-height: 600px;	
	background:url('images/hero-home.jpg') no-repeat center top;
	background-size:cover;
	background-attachment: scroll;
}

.hero-ggbs {
	height:900px;
	background:url('images/hero-ggbs.jpg') no-repeat center top;
	background-size:cover;
	background-attachment: scroll;
}

.hero-consultancy {
	height:900px;
	background:url('images/hero-consultancy.jpg') no-repeat center top;
	background-size:cover;
	background-attachment: scroll;
}

.hero-page {
	width:100%;
	height:550px;	
	margin:0;
	background:url('images/hero2-page.jpg') no-repeat center top;
	background-size:cover;
	background-attachment: scroll;
}

.hero-about {
	background:url('images/hero2-about.jpg') no-repeat center top;
	background-size:cover;
	background-attachment: scroll;
}





/*------------------------------------*\
    IMAGES
\*------------------------------------*/

img.responsive-img {
	width:100%;
	display:block;
	clear: both;
	margin-left:auto;
	margin-right:auto;
}

img.responsive-img90 {
	width:90%;
	display:block;
	clear: both;
	margin-left:auto;
	margin-right:auto;
}

img.border {
	border:1px solid #bbb;
}

img.responsive-img85 {
	width:85%;
	display:block;
	clear: both;
	margin-left:auto;
	margin-right:auto;
}


.gallery-item img{
	height:auto;
}

img.clickable {
	border-radius:3px;
	text-decoration:none;
	transition: ease all 0.2s;
	-o-transition: ease all 0.2s;
	-moz-transition: ease all 0.2s;
	-webkit-transition: ease all 0.2s;
	-o-transition:  ease all 0.2s;
}

img.clickable:hover {
	opacity: 0.85;
	text-decoration:none;
	transition: ease all 0.2s;
	-o-transition: ease all 0.2s;
	-moz-transition: ease all 0.2s;
	-webkit-transition: ease all 0.2s;
	-o-transition:  ease all 0.2s;
}


/*------------------------------------*\
    HEADERS
\*------------------------------------*/

h2 {
	font-size:1.5em;
	color: #462626;
	margin: 0 0 30px 0;
	padding:15px 30px 20px 30px;
	font-weight: 500;
	border-bottom: 2px dotted #a73535;
	display:inline-block;
	font-family:'Source Serif Pro', sans-serif;
}

h1.page-title {
	text-align: center;
	font-size:2.4em;
	letter-spacing:-0.02em;
	line-height:1.2em;
	color:#ffffff;
	background: #ea3939;
	margin:13% auto 0 auto;
	padding: 20px 30px 20px 30px;
	font-weight: 500;
	display:inline-block;
	opacity: 1;
	font-family:'Source Serif Pro', sans-serif;
	border-radius: 30px 0 30px 0;
}

h3 {
	font-size: 1.2em;
	font-weight:600;
}


/*------------------------------------*\
    BUTTONS
\*------------------------------------*/

.btn-quote {
	background: #5a8a52;
	color:#fff;
	font-size:1.3em;
	padding:15px 35px 15px 35px;
	border-radius:35px;
	white-space: normal;
}

.btn-quote:hover {
	background: #7bb670;
	color:#fff;
}

.btn-quote-footer {
	background: #5a8a52;
	color:#fff;
	font-size:1em;
	padding:10px 20px 10px 20px;
	border-radius:30px;
	white-space: normal;
}

.btn-quote-footer:hover {
	background: #7bb670;
	color:#1a2c21 !important;
}

/*------------------------------------*\
    Home
\*------------------------------------*/

.box1 {
	text-align: center;
	padding: 30px 0 30px 0; 
}

.box2 {
	min-height:280px; 
	padding: 40px 50px 40px 50px;
	font-size:1em;
	color: #fff;  
	text-align: center; 
	margin: 0 0 30px 0;
}

.box1.box-ggbs {
	background: #498c6f;
	border-radius: 30px 0 0 0;
}
.box2.box-ggbs {
	background: #30614c;
	border-radius: 0 0 0 30px;
}
.box1.box-consultancy {
	background: #cf8080;
	border-radius: 0 30px 0 0;
}
.box2.box-consultancy {
	background: #8b4040;
	border-radius: 0 0 30px 0;
}

.box1 img {
	height:80px;
}

.box2 h2 {
	border:0;
	color: #fff;  
    font-weight: 700;
	font-size: 2.2em;
	margin:0 0 15px 0;
	padding:0;
}

a .box-ggbs, a .box-consultancy {
	transition: ease all 0.2s;
	-o-transition: ease all 0.2s;
	-moz-transition: ease all 0.2s;
	-webkit-transition: ease all 0.2s;
}

a:hover .box-ggbs, a:hover .box-consultancy {
	opacity: 0.85;
	-moz-opacity: 0.85;
	-webkit-opacity: 0.85;
	-o-opacity: 0.85;
	transition: ease all 0.2s;
	-o-transition: ease all 0.2s;
	-moz-transition: ease all 0.2s;
	-webkit-transition: ease all 0.2s;
}

/*------------------------------------*\
    GGBS / Consultancy
\*------------------------------------*/

.hero-ggbs h1.headline {
	width:55%;
	text-align: left;
	font-size:2.4em;
	letter-spacing:-0.02em;
	line-height:1.2em;
	color:#ffffff;
	margin:15% auto 0 auto;
	padding: 20px 30px 20px 30px;
	font-weight: 500;
	display:inline-block;
	background-color: #22411C;
	opacity: 0.9;
	font-family:'Source Serif Pro', sans-serif;
	border-radius: 0 80px 0 0;
}

.hero-ggbs h2.subheadline {
	width:100%;
	text-align: left;
	font-size:1.3em;
	line-height:1.4em;
	color:#fff;
	margin:0 auto 0 0;
	padding: 20px 30px 20px 30px;
	font-weight: 300;
	background-color: #30614c;
	opacity: 0.9;
	display:inline-block;
	border-bottom: 0;
	font-family:'Source Serif Pro', sans-serif;
	border-radius: 0 0 40px 0;
}

.hero-consultancy h1.headline {
	text-align: center;
	font-size:2.4em;
	letter-spacing:-0.02em;
	line-height:1.2em;
	color:#ffffff;
	background: #8b4040;
	margin:13% auto 0 auto;
	padding: 20px 30px 20px 30px;
	font-weight: 500;
	display:inline-block;
	opacity: 1;
	font-family:'Source Serif Pro', sans-serif;
	border-radius: 30px 0 30px 0;
}

.hero-consultancy h2.subheadline {
	font-size:1.5em;
	line-height:1.4em;
	letter-spacing:-0.02em;
	color:#333;
	margin:3% 0 0 0;
	font-weight: 600;
	opacity: 1;
	display:inline-block;
	border-bottom: 0;
	font-family:'Source Serif Pro', sans-serif;
}

.quote {
	font-size:1.3em;
	font-style: italic;
}

ul.list {
	list-style: none;
	margin:0;
	padding:0;
}

ul.list li{
	padding: 15px 0 15px 0;
	border-bottom: 1px dotted #bbb;
	margin: 0 40px 0 40px;
}

i.big {
	font-size:4em;
	margin-bottom:15px;
	color:#ddd;
}

.bca-standard {
	border: 1px solid #aaa;
	padding: 20px 80px 20px 80px;
	background-color: rgba(255,255,255,0.8);
	display:inline-block;
}

img.bca-mark {
	width:150px;
}



/*------------------------------------*\
    PAGE
\*------------------------------------*/

h3.ggbs-green {
	font-size: 3.7em;
	font-family:'Source Serif Pro', sans-serif;
	font-weight: 700;
	color: #67a35c;
}

h3.ggbs-gracious {
	font-size: 3.7em;
	font-family:'Source Serif Pro', sans-serif;
	font-weight: 700;
	color: #5ebd91;
}

h3.ggbs-red {
	font-size: 2em;
	font-family:'Source Serif Pro', sans-serif;
	font-weight: 700;
	color: #b13939;
	min-height:80px;
}


/*------------------------------------*\
    FORM
\*------------------------------------*/

.wpforms-field-label-inline {
	font-size:14.5px !important;
}

div.wpforms-container-full .wpforms-form button[type=submit] {
	background: #5a8a52 !important;
	color:#fff !important;
	font-size:1.3em !important;
	padding:15px 35px 15px 35px !important;
	border-radius:35px;
	white-space: normal;
	transition: ease all 0.2s;
	-o-transition: ease all 0.2s;
	-moz-transition: ease all 0.2s;
	-webkit-transition: ease all 0.2s;
	-o-transition:  ease all 0.2s;
}

div.wpforms-container-full .wpforms-form button[type=submit]:hover {
	background: #7bb670 !important;
	color:#fff !important;
	transition: ease all 0.2s;
	-o-transition: ease all 0.2s;
	-moz-transition: ease all 0.2s;
	-webkit-transition: ease all 0.2s;
	-o-transition:  ease all 0.2s;
}
/*------------------------------------*\
    FOOTER
\*------------------------------------*/

.footer {
	background: #331b1b;
	padding: 60px 0 70px 0;
	margin: 0 0 0 0;
	color: #fff0f0;
}

.footer ul {
	list-style:none;
	padding:0;
	margin:0;
}

.footer li {
	margin:0;
}

.footer a {
	color: #f5fff6;
}

.footer a:hover {
	color: #b63e3e;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:2000px) {
	.bg-curve-greyred {
		background: url('images/bg-curve-greyred.png') no-repeat center bottom;
	}
}

@media only screen and (max-width:770px) {
	.navbar-nav {
		text-align: center;
	}
	.navbar-nav .nav-link {
		font-weight: 700;
	}
	.box2 {
		padding: 25px 30px 25px 30px;
	}	
	.box2 h2 {
		font-size: 1.8em;
	}
	.hero-ggbs h1.headline {
		width:100%;
		font-size:2em;
		margin:80px auto 0 auto;
		border-radius: 0 80px 0 0;
	}
	.hero-ggbs h2.subheadline {
		font-size:1.2em;
		border-radius: 0 0 0 40px;
	}
	.hero-consultancy h1.headline {
		font-size:1.8em;
		margin:80px auto 0 auto;
	}
	.hero-consultancy h2.subheadline {
		font-size:1.2em;
	}
	.bca-standard {
		border: 1px solid #aaa;
		padding: 10px;
		display: block;
		text-align:center;
		margin: 0 0 10px 0;
	}
	h1.page-title {
		font-size: 2em;
		margin: 80px auto 0 auto;
	}
}

@media only screen and (max-width:575px) {
	.hero-page {
		height: 300px;
	}
	.hero-home .col-sm-6 {
		margin-bottom:-10px;
	}
	.box1 {
		padding: 15px 0 15px 0;
	}
	.box1 img {
		height: 50px;
	}
	.box1.box-ggbs {
		border-radius: 30px 30px 0 0;
	}
	.box2.box-ggbs {
		border-radius: 0 0 0 0;
	}
	.box1.box-consultancy {
		border-radius: 0 0 0 0;
	}
	.box2.box-consultancy {
		border-radius: 0 0 30px 30px;
	}
	.footer .col-sm-6 {
		text-align: center !important;
		
	}
}


@media only screen and (max-width:480px) {
	a.btn-cta {
		padding:10px 15px 10px 15px;
		font-size:1.1em;
	}
}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}