/*
Theme Name: Tõnisson Arendus
Author: Art Media Agency
Author URI: http://www.artmedia.ee/
Version: 1.0
*/

@charset "UTF-8";

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img{max-width: 100%; height: auto;}

.btn{font-weight: 600; font-size: 1.1111111111111112em;}

.col-md-12{clear:both;}

.display-t{display: table; width: 100%;}.display-tc{display: table-cell; vertical-align: bottom;}
.partner-logo .display-tc{vertical-align: middle;}

/* HEADER */
#header-top{padding: 20px 15px;}
#header-top #logo{
	float: left;
	display: block;
	font-size: 2.6666666666666665em;	
	font-weight: 300;
	color: #000;
}
#header-top #logo strong{text-transform: uppercase; display: inline-block; color: #ffd619; font-family: 'Open Sans Condensed', sans-serif;}
#header-top #logo:hover{text-decoration: none; color: #ffd619;}
#header-top #logo:hover strong{color: #000;}
#header-info{color: #696969; font-weight: 300; font-size: 1.9444444444444444em; padding-top: 0.3em;}

#nav-menu{background-color: #ffd619;}
#nav-menu ul{list-style: none; padding: 0; margin: 0;}
#nav-menu a{display: block;}
#nav-menu .menu > li{float: left;}
#nav-menu .menu > li > a{color: #525151; padding: 15px 20px; font-weight: 600; font-size: 1.1111111111111112em;}

#nav-menu .menu > li:hover > a,
#nav-menu .menu > li > a:focus,
#nav-menu .menu > li.current-menu-item > a,
#nav-menu .menu > li.current-menu-parent > a,
#nav-menu .menu > li.current-menu-ancestor > a{background-color: #525151; text-decoration: none; color: #fff;}

/* CONTENT */
.page-header{
	background-color: #525151;
	color: #ffd619;	
	padding: 1.5em 0 1.75em 0;
	margin: 0 0 2.35em 0;
}
.page-header h1{margin: 0 auto; font-size: 3em;}
.page-header h1 strong{font-weight: 600;}
p{margin-bottom: 2em;}

#content{background-color: #fff; padding-bottom: 1.5em;}
.home #content{background-color: #f7f7fb;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{margin: 0 0 0.75em 0; text-transform: uppercase; color: #878787; font-weight: 300;}
.entry-content h2{font-size: 2.111111111111111em;}
.fw-main-row{margin-left: -15px; margin-right: -15px;}

#home-gallery{padding: 2.5em 0 1em 0; background-color: #fff;}
#home-gallery .col-md-3{margin-bottom: 30px;}

.gallery{overflow: hidden; margin-left: -15px; margin-right: -15px;}
.gallery .gallery-item{width: 25%; float: left; padding: 0 15px; margin-bottom: 30px;}
.gallery .gallery-item .wp-caption-text{text-align: center; padding: 10px 15px; background-color: #ffd619; color: #000; text-transform: uppercase; font-size: 14px; font-weight: 300;}


.fw-team{
	position: relative;
	padding-left: 120px;
	min-height: 100px;
}
.fw-team-image{
	top: 0; left: 0;
	position: absolute;
	width: 100px;
	height: 100px;
	overflow: hidden;	
}
.fw-team .fw-team-inner{text-align: left!important;}
.fw-team p{margin: 0;}
.fw-team .fw-team-inner .fw-team-text{font-size: 0.8em;}

.fw-col-sm-6 .fw-team-member{width: 50%; padding: 0 30px 0 0; margin-bottom: 30px; float: left;}
.fw-team .fw-team-name h3{font-size: 1em!important;}

/* FOOTER */
#before-footer{margin-top: 20px;}
#before-footer .inner{padding-top: 2em; border-top: 1px solid #ffd619; border-bottom: 1px solid #fff; padding-left: 15px; padding-right: 15px;}
#before-footer .first-block{padding-right: 0;}
#before-footer .last-block{padding-left: 0;}

#before-footer .first-block .inner{padding-left: 0; padding-right: 15px;}
#before-footer .last-block .inner{padding-left: 15px; padding-right: 0;}

#before-footer h2{
	font-size: 2.2222222222222223em;
	font-weight: 600;
	margin: 0;
}
#before-footer .display-t{margin: 0 0 2.75em 0;}
#before-footer a{color: #555;}
#before-footer a:hover{color: #555; text-decoration: underline;}
.broker-box{margin-bottom: 30px;}
.broker-info{padding-left: 105px; position: relative; min-height: 100px; font-size: 0.7777777777777777em; color: #282828;}
.broker-info a{word-break: break-all;}
.broker-info h6{font-size: 1.4285714285714284em; font-weight: 600; text-transform: none;}
.broker-info p{margin: 0;}
.broker-image{
	position: absolute;
	top: 0;
	left: 0; 
	height: 100px;
	width: 100px;
}

#before-footer .partner-logo.display-t{margin: 0 0 20px 0;}
.partner-info{font-size: 0.8333333333333333em; margin-bottom: 30px;}
.partner-info p{margin: 0;}

#footer{background-color: #ffd619; padding: 2em 0; border-bottom: 9px solid #fff; font-size: 0.8888888888888888em;}
#footer .container{position: relative;}
#footer a{color: #282828; text-decoration: underline;}
#footer strong{display: inline-block; margin: 0 25px 0 35px; font-size: 1.25em;}
a#ama{font-size: 10px; font-family: 'Open Sans Condensed', sans-serif; position: absolute; top: 20px; right: 15px; float: right; color: #fff; text-decoration: none;}
a#ama:hover{text-decoration: underline;}

.footer-info{list-style: none; padding: 0; margin: 0; display: inline-block;}
.footer-info li{display: inline;}

#slogan{font-size: 23px; font-weight: 700; margin: 25px auto 0 auto; line-height: 42px; text-transform: uppercase; text-align: center;}

/* MEDIA QUERY */
@media (max-width: 1200px){
	.container{width: 100%;}
	body{font-size: 14px;}	
}
@media (max-width: 768px){
	#header-top #logo{display: none;}
	#before-footer .inner{border: none;}
	#before-footer{background: none; filter: none;}
	#sitenav{display: none;}
	#before-footer .first-block,
	#before-footer .last-block{padding: 0 15px;}
	#before-footer .first-block .inner, #before-footer .last-block .inner{padding-left: 0; padding-right: 0;}
	.gallery .gallery-item{width: 50%;}
	.page-header h1{font-size: 2.4em;}
	.entry-content h2, #before-footer h2{font-size: 1.8em;}
	#header-info{text-align: center; font-size: 1.5em;}
	#footer img{display: block; margin: 0 auto 15px auto;}
	.footer-info{display: block; text-align: center;}
	.footer-info li:first-child{display: block; margin-bottom: 10px;}
	#footer strong{margin: 0;}
	.fw-col-sm-6 .fw-team-member{width: 100%; float: none; clear: both;}
}
@media (max-width: 730px){
	.partner-logo .display-tc{text-align: left!important;}
	#home-gallery .col-sm-6{width: 50%; float: left;}
	.broker-info, .partner-info{font-size: 1em;}
	.broker-box.col-sm-6{width: 50%; float: left;}
	.partner-info.col-sm-4{width: 33.3%; float: left;}	
}
@media (max-width: 600px){
	.broker-box.col-sm-6,
	.partner-info.col-sm-4{width: 100%; float: none; clear: both;}
}
@media (max-width: 480px){
	.gallery .gallery-item,
	#home-gallery .col-sm-6{width: 100%; float: none; clear: both;}	
}