/*
Theme Name: Mr. Tailor
Theme URI: http://www.getbowtied.com/
Author: Get Bowtied
Author URI: http://www.getbowtied.com/
Version: 2.2.9
License:
License URI:
Text Domain: mr_tailor
Domain Path: /languages/
*/
/*
Palette color e misure fonts

brand blue:#356eb6;


button blue: #1265a8;
dark button blue: #0f568f;

button red:#c02942;
dark red:#a32338;

light gray:#9b9999;
mid gray:#444444;
low gray:#555555;

white gray:#f5f5f5;
lightest gray:#dddddd;

font:Montserrat;
font:Lato;

*/

/*-----general------*/

.shopping-bag-button>a>i,
.search-button>a>i,
.single-product>.row:nth-child(2),
.catalog_top.row,
.woocommerce-MyAccount-navigation-link--downloads,
.mobile-menu-button i.fa.fa-bars,
ul li.search-button,
.region-button .dropdown,
.site-tools ul li.region-button,
.site-tools ul li.my-account-button,
#content>header.entry-header, 
aside.widget_categories,
.entry-meta, 
.post-navigation,
.box-share-container,
.box-share-container.post-share-container,
.site-content>hr {display: none;}

.gabbia{
	max-width: 92%;
	margin:0 auto;
	padding:1em 0;
	position: relative;
	height:100%;
}

body {	
	font-family:"Lato", sans-serif;
	font-weight:400;
}

h1,h2,h3,h4,h5 {
	font-family:"Montserrat", sans-serif;
	font-weight:700;
	padding-bottom:20px;
}

h1:first-child {

    margin-top: 0;
}

h3 {
	padding-bottom: 0;
	margin-bottom:0;
	padding-top:20px;
}

h4{
	font-size:0.8em;
	color:#555555!important;
	text-transform: uppercase;
}

h5 {padding-bottom:10px;}

.btn,
a.btn,
input.btn,
input.btn[type="submit"],
button,
input.wpcf7-submit{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	color:white;
	font-size:14px;
	font-weight: 700!important;
	line-height: 34px;
	display: inline-block;
	background-color: #1265a8;
	transition: color 0.5s ease-out;
	border-bottom: 4px solid #0f568f;
	border-radius: 3px;
	padding:2px 20px;	
	text-transform: uppercase;
	margin-bottom: 15px;
	text-align: center;
}
.btn:hover,
.btn:active,
.btn:focus,
input.btn:hover,
input.btn[type="submit"]:hover,
button:hover,
input.wpcf7-submit:hover{
	background-color:#0f568f;
	color:white;
}

.btn-ghost,
a.btn-ghost {
	color:#fff;
	background-color: transparent;
	border:3px solid #fff;
	transition: border-color 0.5s ease-out, background-color 0.5s ease-out, color 0.5s ease-out;
}

.btn-ghost:hover,
a.btn-ghost:hover {
	color:black;
	border-color:rgba(255,255,255, 0.6);
	background-color: rgba(255,255,255, 0.6);
	transition: border-color 0.5s ease-out, background-color 0.5s ease-out, color 0.5s ease-out;
}

.btn-red,
a.btn-red {
	background-color:#c02942;
	border-bottom-color: #a32338;
}

.btn-red:hover,
a.btn-red:hover{

	background-color:#a32338;
}

.btn-small,
a.btn-small {
	font-size: 12px !important;
	line-height: 20px !important;
	padding: 5px 20px;
}
.text-white{color:white;}
.text-gray {color:#9b9999;}
.text-red,
a.text-red {color:;}

.entry-content h1{padding: 1em 0;}

.site-content p,
.entry-content p{
	padding: 0.5em 0 0.8em 0;
	margin:0;
	font-size:1em;
	line-height: 1.75em;
}

.p0{padding: 0;}
.cta{text-align: center;}

.col{
	display:inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
.icon {
	display: inline-block;
	width: 50px;
	height: 50px;
}

.width-50 {width: 49%;}

.col-left,
.col-right,
.col-left50,
.col-right50,
.col-3-sm,
.col-3{
	display:inline-block;
	width:100%;
	vertical-align: top;
	box-sizing: border-box;
}
.col-3>div.icon{
	background-position: -128px -70px;
}
.col-3>.col-text{
	display: inline-block;
	width: 85%;
	vertical-align: top;
}
.col-3:nth-child(4)>div.icon{background-position: -128px -133px;}
.col-3:nth-child(5)>div.icon{background-position: -128px -195px;}
.content-area{padding-top:0; }

.shopping-bag-button>a,
.search-button>a,
.mobile-menu-button>a,
.region-button>a,
.region-button .dropdown a,
.woocommerce .products span.free_ship, 
.woocommerce-page .products span.free_ship,
.scroll-button,
.icon{
	background: url('/wp-content/themes/mrtailor/images/sprite.svg') no-repeat center;
}

.panel{
	border: 1px solid #dddddd;
	border-radius: 5px;
	padding: 0 15px;
	margin-bottom: 15px;

}

.panel p{
	padding: 0 0 .5em 0;
}

.accordion{
	text-transform: uppercase;
	font-size:130%;
	background-color: #f5f5f5;
	border-radius: 3px;
	padding:5px 15px;
	cursor: pointer;
}

.accordion.active{
	color:white;
	background-color: #1265a8;
}

.acco_panel {    
	max-height: 0;
    overflow: hidden;
}

.header-image{
	background: url('/wp-content/uploads/2017/12/5.jpg') no-repeat center;
	background-size: cover;
	height:40vh;
}
.header-image p{font-size:1.5em;}

.header-image.alz-1 {background-image: url('/wp-content/uploads/2017/12/parallaxc4d.jpg');}
.header-image.alz-disease {
	background-image: url('/wp-content/uploads/2017/12/parallax.jpg');
	background-position: top;
}
.header-image.about-research {background-image: url('/wp-content/uploads/2017/12/parallax2.jpg');}

.header-image h1,
.header-image h2,
.header-image p,
.header-image ul
{

	display: inline-block;
	color:white;
	text-shadow:2px 2px 6px rgba(0,0,0,0.4);

}
.header-image h1{margin-top:20%;	}
.header-image p {}
.header-image li {font-weight: bold;}

.header-image.alz-disease h1{
	/*font-size: 1em;
	background-color: rgba(0,0,0,0.5);
	font-weight: 400;
	padding:1em 1.5em;*/
}
.header-image.alz-1 h1,
.header-image.alz-disease h1{
	display: block;
	padding-bottom:0;
}

.page-title-back {
	background-color:#972944;
	margin-bottom:.5em;
}
.page-title-back>h1{color:white;}

/*-----header-----*/

#catapult-cookie-bar .ctcc-inner {
	display:block;
	-webkit-justify-content: left;
    justify-content: left;
}

#catapult-cookie-bar .ctcc-left-side,
#catapult-cookie-bar .ctcc-right-side {
	display: block;
	width:100%;
}
#catapult-cookie-bar .ctcc-left-side {margin-bottom:1em;}
.cookie-bar-bar button#catapultCookie {
	margin-left:0;
	background-color: #fff!important;
	border-radius: 5px!important;
	padding:15px 35px;
	color:#356eb6;
}
.site-branding {
	padding-left: 0;
	margin-left:-15px;
}
.site-branding .site-logo {
		height:70px;
	max-width: 100%;
}

.site-header-sticky #site-navigation {line-height: 50px!important;}

/*---------------menu------------------*/

#menu-main-navigation a{color:#37634b;}
#menu-main-navigation .menu-item>a{
	padding:15px 15px;
	border-radius: 4px;
	font-family: 'Montserrat', sans-serif;
	font-size: .8em;
}

#menu-main-navigation-2 .current-menu-item>a,
#menu-main-navigation .current-menu-item>a{
	background-color:#356eb6;
	color:white;
}
.menu-item ul.sub-menu,
.menu-item .sub-menu li{
	padding:0;
	margin:0;
}
.menu-item ul.sub-menu{border-bottom:3px solid #356eb6;}

#menu-main-navigation .menu-item .sub-menu li.menu-item>a{
	font-size:1em;
	display:block;
	padding:5px 15px;
	margin:0;
	color:#444444!important;
}

#menu-main-navigation .menu-item .sub-menu li.current-menu-item>a{
	color:white!important;
	border-radius: 0!important;
}

.site-tools {padding-right: 8px;}
.site-tools ul li {margin:0 5px;}

.shopping-bag-button .shopping_bag_items_number {
	bottom:20px;
	right:-7px;
	border: 2px solid white;
    color:white;
}
.shopping-bag-button>a {background-position:25px -36px;}
.search-button>a{background-position:center -78px;}
.my-account-button .icon {background-position:center -115px;}

.site-tools ul li.shopping-bag-button>a {
	width: 75px;
	text-align: left;
}

li.shopping-bag-button span {
	font-size:16px;
	font-weight:600;
	text-transform: uppercase;
}

.site-tools ul li.mobile-menu-button>a {
	background-position: -82px -820px;
	padding:0 20px 0 5px;
	top:0;
}

.mobile-menu-text{
	font-size:1.2em;
	padding-top:3px;
	font-weight:500;
}

/*-----footer-----*/

footer#site-footer {
	color:#555555;
	padding-top: 0;
	border-top:2px solid #dddddd;
}
footer#site-footer .large-6,
footer#site-footer .medium-6{width: 100%;}
footer#site-footer .site-footer-widget-area{
	background-color: #f5f5f5;
}
footer#site-footer .site-footer-widget-area .row{
	width: 100%;
	max-width: 100%;
}
#site-footer div a{color:#356eb6;}
#site-footer div a:hover{color:#356eb6;}
.site-footer-widget-area img.logo{max-width: 50%;}
#site-footer .follow-social div,
#site-footer .follow-social a{
	display:inline-block;
	vertical-align: top;
}
#site-footer .follow-social a{
	font-size: 12px;
	line-height: 1.5;
}

.follow-social .icon{	background-position: -132px -270px;}
.follow-social .col:nth-child(2) .icon{background-position: -132px -320px;}

.site-footer-copyright-area {padding-top: 15px;}

.trigger-footer-widget-icon{margin:30px 0;

}

/*-----homepage------*/

#row-columns .icon{margin-top:7px;}

#row-gray{background-color:#f5f5f5;} 
#row-gray h1{
	font-size: 1.5em;
	text-transform: uppercase;
	padding-bottom:0;
	margin-bottom: 0;
	color:#444;
} 

h1.claim-head {text-shadow:2px 2px 8px rgba(0,0,0,0.3);}
h1.claim-head .static{color:white;}
h1.claim-head .switch{color:#f93943;}

div.nivo-caption {
	font-family:'Montserrat';
	font-weight: 700;
	text-transform: uppercase;
	font-size:2em;
	background-color: transparent;
	text-align: center;
	text-shadow:2px 2px 8px rgba(0, 0, 0 ,0.6);
	bottom:15%;
}

.scroll-button{
	display: block;
	margin: 0 auto;
	width: 80px;
	height: 80px;
	background-position: center -162px;
}

.wpcf7-form-control-wrap{
	display: inline-block;
	width:100%;
	margin-right:15px;
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea{
	background-color: white;
	border: 1px solid #2aaae2;
}
form.wpcf7-form p{padding-left: 0;}

/*---------pages----------*/

.alz-disease .col-right .panel>h4{font-size: 0.8em;}

/*---------article----------*/

article .row,
article .row .large-12 {
	padding:0;
	max-width: none;
}


/*---CSS for temporary ChimpMail plugin---*/
.mc_merge_var label{color:white;}
/*.site-footer-widget-area h3{font-size:1.5em;}*/
.mc_signup_submit{float:right;}

/*--------Shop---------*/
.woocommerce .products span.free_ship, 
.woocommerce-page .products span.free_ship{
	height: 70px;
	width: 76px;
	position: absolute;
	z-index: 5;
	top: -7px;
	right: 100px;
	background-position: center -90px;
}

/*Checkout*/

#billing_company_field,
#billing_invoice_type_field {display: none!important;}

.woocommerce-checkout .woocommerce-info, 
.woocommerce-checkout.woocommerce-page .woocommerce-info,
.woocommerce-checkout .woocommerce-info>a {
	font-size: 1em;
}

#billing_cf_field {width:100%;}
.site-content .thank_you_header>p:first-child{font-size:1.7em;}

/*My account*/


/*--------Landing--------*/

.landing-thanks-back,
.landing-back {min-height:500px;}

.landing-thanks-back {max-width: 560px;}

.landing-back h1{
	font-weight:700; 
	padding-top: 0;
	text-align: center;
}

.landing-text,
.landing-form{
	padding:20px 25px;
	margin-bottom: 1em;
}

.landing-text{	background-color:rgba(61, 90, 108, 0.9) ;}
.landing-text.thanks{background-color:rgba(151, 41, 68, 0.9) ;}
.landing-text.thanks h1{
	margin-top:0;
	padding:0;
}

.landing-form{
	background-color: #5cc5ee;
	border-radius: 15px;
}
.mc4wp-form-fields input.btn,
.mc4wp-form-fields p:last-child{margin:0;}

.mc4wp-form-fields>p,
.landing-text>p,
.mc4wp-success>p{padding: 0;}

input.btn[type="submit"] {width: 100%}

.landing-icons{margin:0 auto 2em;}

.mc4wp-alert>p {
	color:red;
	text-align: center;
}

.cod-scont{
	border:2px dashed white;
	padding:.5em 0!important;
	border-radius: 5px;
}

/*---------------------------responsive---------------------------------*/


@media only screen and (min-width: 340px){
	
	.site-branding {
		float: left;
		width: auto;
		padding-left: 15px;
	}

	.site-tools{margin-top: 0;}
	.site-tools ul li.mobile-menu-button {float:none;}
	
}

@media only screen and (min-width: 576px){
	#catapult-cookie-bar .ctcc-inner {
		display: -webkit-flex;
		display:flex;
		-webkit-justify-content: center;
    	justify-content: center;
	}
	#catapult-cookie-bar span.ctcc-left-side,
	#catapult-cookie-bar span.ctcc-right-side {
		display: inline;
		width: auto;
	}
	.cookie-bar-bar button#catapultCookie {margin-left:20px;}
	.site-branding {
		float: left;
		width: auto;
		/*margin-left:-30px;*/
		padding-left: 0;
	}

    #row-research {background-position:top left;}
    div.nivo-caption {
		font-size:2.5em;
		bottom:20%;
	}
}

@media only screen and (min-width: 641px){/*needed against app.css*/
	.site-branding {}
	/*.site-branding img.site-logo {
		height:40px;
		margin-top: 0px;
	}*/
	.site-tools {margin-top:-18px;}
	.site-tools ul li {margin:0 13px;}
}

@media only screen and (min-width: 768px){


	.btn, a.btn, input.btn, input.btn[type="submit"], button{width: auto;}
	.site-tools ul li.region-button {display: inline-block;}
	.col-left {width:74%;}
	.col-right {width:24.5%;}
	.col-center {width: 100%;}
	.col-left50 {
		width:48%;
		margin-right:2%;
	}
	.col-right50 {
		width:47.3%;
		margin-left:2%;
	}
	.col-right-single {
		width: 47.3%;
		margin-left: 50%;
	}
	.col-left-single {
		width: 47.3%;
		margin-right: 50%;
	}
	.col-3-sm,
	.col-3 {
		width:30%;
		margin-right:3%;
	}
	.col-3-sm:last-child,
	.col-3:last-child {margin-right:0;}

	h1.claim-head {font-size:4em;}

	.icon-button {
		width:25%;
		margin:0 4%;
	}

	.article-button{
		width:32%;
		margin:0 1% 0 0;
	}
	.article-button:last-child {margin-right: 0}
	.header-image{
		height:60vh;
	}

	p.image-page{
	padding:0.7em 1.5em 0 0;
	float:left;
	}
	p.image-page-right{
		float: right;
		padding:0.7em 0 0 1.5rem;
	}
	.home-set {
		margin-left: -50px;	
		width: 75%;
	}

	.landing-back,
	.landing-thanks-back{margin:50px auto;}
	.landing-text>p {font-size:1.5rem!important;}
	.landing-icons{}

#site-navigation {padding-top:12px;}
	.site-branding .site-logo {height:100px;}

/*---------homepage------------*/

	.gabbia {
		font-size: 20px;
		line-height: 34px;
	}

	#row-product .btn{
		width:43.5%;
		margin-right: 5%;
	}

	div.nivo-caption {
		font-size:4em;
		bottom:50%;
	}
	/*----pages-----*/
	.alz-disease .col-left{padding-left:1.5em;}
	.col-left.research,
	#row-content.contact .col-left {padding-right:1.5em;}
}
@media only screen and (min-width: 641px) and (max-width: 998px){
	.price{font-size:4em;}
}
@media only screen and (min-width: 1200px){
	.gabbia{
		max-width: 1200px;
		/*height: 85vh;*/
	}
}