/*
Theme Name: SS88
Theme URI: https://blog.ss88.uk/
Author: Steven Sullivan Ltd
Author URI: https://blog.ss88.uk/
Description: A theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://blog.ss88.uk/hire-me
Text Domain: tyb

*/

@import url(css/bootstrap.min.css);
@import url(css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i');
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,700,400italic,700italic");

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
   position:relative;
}
#body {
   padding-bottom:335px;
}
footer {
   position:absolute;
   bottom:0;
}
.flexme { display: flex; }

.navbar-default .navbar-toggle { margin-top:17px; }

body { background-color: #f5f5f5; color: #000; font-family: "Montserrat", sans-serif, Arial, Helvetica; font-weight: 400; }
a:hover { color: #428ed2; text-decoration: none; }
a:focus { outline: none; }
*:focus { outline: none; }
button:active, button:focus, .btn:active, .btn:focus { outline: none !important; }
.img-responsive { display: inline-block; }
h1, h2, h3, h4, h5, h6, .h1, .h2 { font-family: "Montserrat", serif; font-weight: 800; }
p, li { color: #666; font-family: "Montserrat", sans-serif, Arial, Helvetica; font-size: 16px; font-weight: 300; line-height: 26px; overflow-wrap: break-word; word-wrap: break-word; }
.clearfix { clear: both; margin: 0px; padding: 0px; }
.center { text-align: center; }

.wrapper { background: #ffffff; background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #f5f5f5 51%, #f5f5f5 100%); background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 50%,#f5f5f5 51%,#f5f5f5 100%); background: linear-gradient(to right, #ffffff 0%,#ffffff 50%,#f5f5f5 51%,#f5f5f5 100%); border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-top: 1px solid #e2e2e2; box-shadow: 0px 0px 50px rgba(0,0,0,0.1); float: left; width: 100%; }

header { background-color: #fff; clear: both; width: 100%; position: fixed; z-index: 999; }
.bd { background: #80a324; background: -moz-linear-gradient(left, #80a324 0%, #1291b5 100%); background: -webkit-linear-gradient(left, #80a324 0%,#1291b5 100%); background: linear-gradient(to right, #80a324 0%,#1291b5 100%); border: none; clear: both; height: 3px; margin: 0px; padding: 0px; width: 100%; }
.headright { float: right; margin-top: 20px; width: 78%; margin-bottom: 15px; }
.h-spacer { height:66px; }

.subnav-right { float: right; }
.subnav-right ul { float: right; list-style: none; margin: 20px 0px 0px; padding: 0px; }
.subnav-right ul li { border-right: 1px solid #ccc; display: inline; font-size: 12px; line-height: 12px; font-weight: 500; }
.subnav-right ul li:first-child, .subnav-right ul li:last-child { border: none; }
.subnav-right ul li a { color: #222; padding: 0px 5px; padding-right:10px; }
.subnav-right ul li a:hover { color: #999; }

.main-nav { border-top: 1px solid #e5e5e5; clear: both; margin: 0px -15px; width: 100%; }

header { background-color: #fff; clear: both; width: 100%; }

.navbar-default { background-color: #111; border: none; border-radius: 0px; box-shadow: 0px 0px 30px rgba(0,0,0,0.1); margin: 0px; }
.navbar-default .navbar-nav { margin-top: 7px; margin-left: 30px; }
.navbar-default .navbar-nav > li { color: #fff; font-size: 14px; font-weight: 800; text-transform: uppercase; }
.navbar-default .navbar-nav > li > a { color: #fff; margin: 0px 15px 0px; padding: 15px 0px; }
.navbar-default .navbar-nav > li > a:hover { color: #999; }
.navbar-default .navbar-nav > li:first-child > a { margin-left: 0px; }

.navbar-collapse { padding: 0px; }

.navbar-brand { height: auto; padding: 12px 15px 15px; }

header .search { float: right; margin-top: 25px; padding: 0px 5px 0px 20px; }
header .search .fa { color: #ccc; font-size: 18px; text-decoration: none; }

.top-right { float: right; }
header .social { border-left: 1px solid #272727; border-right: 1px solid #272727; float: left; padding: 17px 24px; }
.social a { background-color: #999; border-radius: 100%; color: #fff; font-size: 12px; font-weight: 400; height: 22px; line-height: 22px; margin: 5px 5px 0px 0px; text-align: center; width: 22px; }

.fa-facebook:hover { background-color: #3c5a96;}
.fa-google-plus:hover { background-color: #dd4b39; }
.fa-twitter:hover { background-color: #55acee; }
.fa-pinterest-p:hover { background-color: #cc001a; }
.fa-linkedin:hover { background-color: #0077af; }
.fa-globe:hover { background-color: #cc001a; }

footer { background-color: #181818; clear: both; padding-top: 50px; width: 100%; }
footer h5 { color: #fff; font-size: 11px; text-transform: uppercase; }
footer a { color: #999; font-size: 14px; margin: 0px 11px; text-transform: uppercase; font-weight: 600; }
.sub { border-top: 1px solid #303030; clear: both; margin-top: 12px; padding-top: 12px; width: 100%; }
.sub a { font-size: 12px; margin: 0px 15px 0px 0px; padding: 20px 0px; }
.follow a { background-color: #c4c4c4; border-radius: 100%; color: #181818; font-size: 13px; height: 22px; line-height: 22px; margin: 0px 5px 0px 0px; text-align: center; width: 22px; }
.follow a:hover { color: #fff; }
.copyright { background-color: #111111; clear: both; color: #666; font-size: 13px; margin-top: 50px; padding: 30px 0px; width: 100%; }
.copyright a { color: #fff; margin: 0px; text-transform: inherit; }
.txtright { text-align: right; }
.gotop { background-color: #a6ce39; border-radius: 5px; display: block; float: right; height: 50px; line-height: 59px; margin-top: -70px; position: relative; text-align: center; width: 50px; z-index: 1; }
.gotop .fa { color: #fff; font-size: 30px; line-height: 10px; }

.pagination { width: 100%; text-align:center; padding:50px 0;}
.page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	border: 1px solid #eee;
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
	font-weight: 600;
}
.page-numbers.current,
a.page-numbers:hover {
	background: #f9f9f9;
}
nav.pagination h2 { display:none; }


.wpcf7 label { display:block; color:#555; }
.wpcf7 input, .wpcf7 textarea, .wpcf7 select { display:block; width:100%; transition:all 0.3s ease-in-out; outline:none!important; }
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=url], .wpcf7 input[type=file], .wpcf7 textarea, .wpcf7 select { border:1px solid #EEEEEE; border-radius:5px; padding:20px; margin-bottom:15px; }
.wpcf7 input[type=text]:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=url]:focus, .wpcf7 input[type=file]:focus, .wpcf7 textarea:focus, .wpcf7 select:focus { border:2px solid #A6CE39; }
.wpcf7 .break { height:20px; display:block; clear: both; }
.wpcf7 .row { margin:0; margin-left:-15px; }
.wpcf7 h5 { font-size:20px; font-weight:800; text-transform:uppercase; margin-bottom:20px; }
.wpcf7 .input-facebook, .wpcf7 .input-twitter, .wpcf7 .input-linkedin, .wpcf7 .input-googleplus { position:relative; }
.wpcf7 .input-facebook:before, .wpcf7 .input-twitter:before, .wpcf7 .input-linkedin:before, .wpcf7 .input-googleplus:before { color: white; font-family: FontAwesome; border-radius: 50%; width: 24px; height:24px; display: inline-block; text-align: center; position: absolute; top: 18px; z-index: 9; left: 30px; line-height: 24px; }
.wpcf7 .input-facebook:before { content: "\f09a"; background-color: #3C5A99; }
.wpcf7 .input-twitter:before { content: "\f099"; background-color: #00ACED; }
.wpcf7 .input-linkedin:before { content: "\f0e1"; background-color: #0274B3; }
.wpcf7 .input-googleplus:before { content: "\f0d5"; background-color: #DC4A38; }
.wpcf7 .input-facebook input, .wpcf7 .input-twitter input, .wpcf7 .input-linkedin input, .wpcf7 .input-googleplus input { padding-left:50px; }
.wpcf7 span.wpcf7-list-item { display:block; margin:15px 0; }
.wpcf7 span.wpcf7-list-item label { padding: 20px; background-color: #F5F5F5; display: block; margin: 15px 0; border: 1px solid #E0E0E0; font-size: 20px; cursor:pointer; border-radius: 5px; }
.wpcf7 span.wpcf7-list-item input { width: auto; float: right; }
.wpcf7 input[type=submit] { background-color: #a6ce39; border: 0; border-radius: 5px; padding: 20px; color: white; font-size: 20px; font-weight: 800; text-transform: uppercase; max-width:300px; }
.wpcf7-recaptcha > div { margin:auto; margin-bottom:20px; float:right; }

.tyb-team { margin-top:50px; }
.tyb-team .ava { width:100%; height:auto; border-radius:50%; }
.tyb-team h3 { text-transform:uppercase; margin-top: 0; font-size: 30px; }
.tyb-team h4 { font-weight:300; }
.tyb-team p { margin: 15px 0; }
.tyb-team hr { clear: both; }

.tyb-logos img { width:100%; height:auto; }
.tyb-logos > div { text-align:center; padding: 5%; }

.about-links a { display:block; padding:15px; font-size:20px; color: #000; font-weight: 600; border-bottom:1px solid #eee; }
.about-links a:hover { color:#14C3F4; }
.about-links a:before { content: '\2022'; color:#14C3F4; margin-right: 10px; }

.page-id-79741 article p > a { color:#14C3F4; }

.searchbar { padding:0; box-shadow: 0px 5px 20px 0px rgba(150, 150, 150, 0.45); transition:all 0.5s ease-in-out; z-index: -1; width: 100%; background-color: white; margin-top: -200px; position:absolute; }
.searchbox:before { z-index:99; }
.searchbox { position:relative; }
.searchbox:before {
    content: "\f002";
    font-family:FontAwesome;
    font-size:30px;
    position: absolute;
    left: 20px;
    color:black;
    z-index: 9;
	top: 10px;
}
.searchbox input {padding-left: 5%!important; border:1px solid #E2E2E2;}
.searchbar .closeme { font-size: 30px; position: absolute; right: -50px; top: 12px; cursor:pointer; }
.searchbar.show { margin-top: 0; padding: 30px 0; }

/*-------------------
	Media Query
---------------------------*/

@media only screen and (max-width: 767px) {
	.headright { float: none; margin: 0px; width: 100%; }
	.headright .ads { display: none; }
	.navbar-brand { padding: 15px; }
	.navbar-collapse { padding: 0px 15px; margin: 0px -15px; }
	.subnav-right { float: none; padding: 0px 0px 5px; }
	.subnav-right ul { float: none; }
	.subnav-right ul > li { font-size: 10px; }
	.main-nav { border-top: none; margin: 0px 0px; }
	.navbar-nav { margin: 0px -15px!important; }
	.navbar-default .navbar-nav > li { font-size: 12px; }
	.navbar-default .navbar-nav > li > a { padding: 8px 0px; }
	.navbar-default .navbar-nav > li > a:hover { border-top-width: 2px; }
	.navbar-default .navbar-nav > li:first-child > a { margin-left: 15px; }
	header .social { border: none; padding: 0px; }
	.search { margin: 0px; padding: 10px 0px; }
	footer, .txtright { text-align: center; } 
	.top-right { float: none; }
	header .search { margin: 0!important; padding: 0!important; margin-bottom: 18px!important; margin-top: 6px!important; }
	#body { padding-bottom:380px; }
	.searchbox input { padding-left:65px!important; }
	.searchbar .closeme { right:15px; }
	.wrapper { background: #ffffff!important; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.headright .ads { display: none; }
	.navbar-brand > img { height: 34px; }
	.navbar-default .navbar-nav > li { font-size: 11px; }
	.navbar-default .navbar-nav > li > a { margin: -2px 9px 0px }
	.copyright, .copyright a { font-size: 12px; }
	header .social { display:none; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.navbar-brand > img { height: 44px; }
	.navbar-default .navbar-nav > li { font-size: 14px; }
	.subnav-right ul li { font-size: 10px; }
	.subnav-right ul li a { padding: 0px 4px; }
	footer a { font-size: 12px; margin: 0px 7px; }
	.sub a { font-size: 10px; margin: 0px 8px 0px 0px }
	header .social { display:none; }
}

@media (min-width: 1200px) {
	.container { width: 1170px; }
}

@media (min-width: 1400px) {
	.container { width: 1270px; }
	footer a { margin: 0px 15px; }
	.sub a { margin: 0px 15px 0px 0px; }
}

@media (min-width: 1600px) {
	.container { width: 1470px; }
	footer a { margin: 0px 23px; }
	.sub a { margin: 0px 29px 0px 0px; }
}

@media (min-width: 1920px) {
	.container { width: 1480px; }
	footer a { margin: 0px 22px; }
	.sub a { margin: 0px 31px 0px 0px; }
}