/*
Skin Name:Ultra Trainers
Version:1.0
Demo URI:https://themify.me/demo/themes/ultra-trainers/
Required Plugins:builder-contact
*/

/************************************************************************************
GENERAL
*************************************************************************************/
:root{
	--theme_accent:#cc4415;
	--theme_accent_semi:rgba(204,68,21,.8);
}
body{
	color:#808080
}

/* reset general border-radius */
input[type=reset],input[type=submit],button,select,textarea,input[type=checkbox],input[type=text],input[type=password],input[type=search],input[type=email],input[type=url],input[type=number],input[type=tel],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=time],input[type=week],.woocommerce ul.products li.product .button,.woocommerce a.button,.woocommerce #respond input#submit,.woocommerce #respond input#submit.alt,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce button.button.alt.disabled,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],.woocommerce button.button.alt,.woocommerce button.button,.woocommerce a.button,.woocommerce a.button.alt,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],.loops-wrapper.polaroid .post,.loops-wrapper.overlay .post,.loops-wrapper.auto_tiles > .product,.loops-wrapper.auto_tiles .post-image + .post-content,.loops-wrapper.auto_tiles > .post,.post-image img,.product img, ul.products li.product .post-image,#cart-wrap .product-image img,.woocommerce div.product div.images img,.woocommerce-product-gallery__wrapper .tf_swiper-container-initialized,#add_payment_method table.cart img,.woocommerce-cart table.cart img,.woocommerce-checkout table.cart img,.select2-dropdown,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--single .select2-selection__arrow,#slide-cart .button,#slide-cart .product-image img,.woocommerce-cart #content table.cart td.actions .coupon .input-text,.woocommerce span.onsale,.woocommerce ul.products li.product .onsale,.woocommerce table.shop_table,.woocommerce-checkout #payment,#add_payment_method #payment ul.payment_methods li,.woocommerce-cart #payment ul.payment_methods li,.woocommerce-checkout #payment ul.payment_methods li,.woocommerce-error, .woocommerce-info, .woocommerce-message,.woocommerce-page .cart-collaterals .cart_totals,body:not(.footer-block) #footer .back-top a,#main-nav .highlight-link > a,.pagenav a,.pagenav span,.pagenav .current,a.load-more-button,.more-link,.widget .feature-posts-list .post-img,.module .image-wrap .zoom{
	border-radius:0
}
/* FORM
================================================ */
textarea,input[type=text],input[type=password],input[type=search],input[type=email],input[type=url],input[type=number],input[type=tel],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=time],input[type=week]{
	width:100%;
	max-width:none;
	text-transform:none;
	padding:.8em 1em;
	transition-duration:.5s
}
#commentform label{
	display:inline-block
}

/* HEADINGS
================================================ */
h1,h2,h3,h4,h5,h6{
	color:#333;
	font-weight:800
}

/* FANCY HEADING */
.module-fancy-heading .main-head{
	letter-spacing:0;
	line-height:1.2em
}
.module-fancy-heading .sub-head{
	color:#808080;
	font-style:italic;
	font-size:100%;
	font-weight:600;
	letter-spacing:-.01em;
	padding:0
}
.module-fancy-heading .sub-head:before{
	border-width:0;
	padding:0
}
h3.fancy-heading{
	font-size:2.3em
}

/************************************************************************************
HEADER
*************************************************************************************/
/* SITE LOGO
================================================ */
#site-logo{
	font-size:1.5em;
	font-style:italic;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.04em
}

/* MAIN NAVIGATION
================================================ */
#main-nav a{
	font-weight:600;
	padding:.75em 1.45em
}
#main-nav .mega-menu-posts .post-title,
#main-nav .mega-menu-posts .post{
	text-align:left
}
#main-nav .has-mega-column > .sub-menu,
#main-nav .has-mega-sub-menu .mega-sub-menu{
	top:auto
}

/* current link and menu link :hover */
.header-horizontal #main-nav > li > a:hover,
#main-nav > .current_page_item > a,
#main-nav > .current-menu-item > a{
	background-color:var(--theme_accent);
	color:#fff
}

/* Re-set dropdown rounded corners */
#main-nav li:not(.themify-widget-menu) > ul,
#main-nav .has-mega-sub-menu .mega-sub-menu,
#main-nav .has-mega-column > .sub-menu,
#main-nav li.menu-item-object-tbuilder_layout_part > .sub-menu{
	border-radius:0
}

/* CART ICON
================================================ */
.cart-wrap a span{
	position:static;
	margin:0 0 -3px -12px
}

/* SEARCH LIGHTBOX
================================================ */
.search-option-tab li:hover a,
.search-option-tab li.active a{
	box-shadow:inset 0 -3px 0 0 var(--theme_accent)
}
.search-results-wrap .view-all-button{
	color:var(--theme_accent)
}
.view-all-button:after{
	border-color:var(--theme_accent)
}

/* FIXED HEADER
================================================ */
.transparent-header #headerwrap.fixed-header{
	background-color:rgba(255,255,255,.9);
	color:#000
}

/* HEADER HORIZONTAL
================================================ */
.header-horizontal #site-logo{
	margin-top:12px
}

/* HEADER TOP BAR
================================================ */
.header-top-bar #site-logo{
	margin-top:12px
}
.header-top-bar #site-description{
	margin-top:17px
}

/* HEADER OVERLAY
================================================ */
.header-overlay.transparent-header .fixed-header,
.header-overlay.mobile-menu-visible #headerwrap{
	background-color:rgba(26,42,65,.9)
}
.header-overlay .cart-wrap a span{
	min-width:13px;
	min-height:13px;
	padding:3px
}

/* HEADER BOTTOM
================================================ */
.header-bottom #site-logo{
	margin-top:13px
}
.header-bottom #site-description{
	vertical-align:sub
}
.header-bottom #header .search-button{
	margin-top:8px
}
.header-bottom #header .cart-icon,
.header-bottom #header .social-widget{
	margin-top:10px
}

/* HEADER BLOCK
================================================ */
.header-block .fixed-header #site-logo{
	margin-top:12px
}

/* HEADER LEFTPANE/RIGHTPANE/MINBAR
================================================ */
.header-minbar #main-nav a,
.header-rightpane #main-nav a,
.header-leftpane #main-nav a{
	padding:.6em 0
}

/************************************************************************************
POST
*************************************************************************************/
.post-nav a:hover{
	color:var(--theme_accent)
}

/************************************************************************************
WIDGETS
*************************************************************************************/
.widgettitle{
	text-transform:none;
	font-weight:400;
	font-size:1.65em;
	letter-spacing:-.02em
}
.widget li{
	padding:.35em 0
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap{
	background-color:#1a2a41;
	border:none;
	color:#fff;
    padding-top:126px;
    padding-bottom:4em;
}
#footerwrap a{
	color:#fff
}
#footerwrap a:hover{
	color:var(--theme_accent)
}
#footer{
    font-size:.95em
}

/* 
FOOTER WIDGETS
================================================ */
.footer-widgets{
    margin-bottom:4em
}

/* BOTTOM COPYRIGHT
================================================ */
.section-col + .footer-text{
	padding:0;
	padding-top:1.55em;
	border-top:1px solid #344968;
	font-size:1em;
	line-height:2.1em
}

/* 
FOOTER LAYOUTS
================================================ */
.footer-left-col .main-col,
.footer-right-col .main-col{
	width:35%
}
.footer-left-col .section-col,
.footer-right-col .section-col{
	width:61.8%
}
/************************************************************************************
WOOCOMMERCE
*************************************************************************************/
/* BUTTON
================================================ */
#slide-cart .button,.woocommerce ul.products li.product .button,.woocommerce a.button.disabled,.woocommerce button.button.disabled,.woocommerce button.button.alt.disabled,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],.woocommerce input.button.disabled,.woocommerce input.button:disabled,.woocommerce input.button:disabled[disabled],.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,input[type=reset],input[type=submit],button[type=submit],.builder_button{
	font-weight:700;
	padding:.95em 1.9em;
	letter-spacing:.06em;
	text-transform:uppercase;
	transition:background-color .3s ease,color .3s ease,transform .3s ease
}
#slide-cart .button:hover,.woocommerce ul.products li.product .button:hover,.woocommerce a.button.alt.disabled:hover,.woocommerce button.button.alt.disabled:hover,.woocommerce button.button.alt:disabled:hover,.woocommerce button.button.alt:disabled[disabled]:hover,.woocommerce input.button.alt.disabled:hover,.woocommerce input.button.alt:disabled:hover,.woocommerce input.button.alt:disabled[disabled]:hover,.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,input[type=reset]:hover,input[type=submit]:hover,button[type=submit]:hover,.ui.builder_button:hover{
	background-color:#1a2a41;
	color:#fff;
	transform:translateY(-3px)
}

/* ARCHIVE PRODUCTS
================================================ */
/* Sale */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale{
    background-color:#1a2a41
}

/* SINGLE PRODUCTS
================================================ */
/* quantity */
.woocommerce .quantity .qty{
	margin:0;
    padding:.75em;
    width:4em
}

/* tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
	color:#1a2a41
}

/* related products */
.woocommerce .related h2,
.woocommerce .upsells h2{
	font-weight:900
}

/* CART
================================================ */
.woocommerce-cart #content table.cart td.actions .coupon .input-text{
	padding:.8em
}

/* CHECKOUT
================================================ */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height:43px;
	border-color:#ccc
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:43px
}
.select2-results__option{
	margin:0
}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true]{
	background-color:var(--theme_accent);
	color:#fff
}

/************************************************************************************
BUILDER STYLING
*************************************************************************************/
/* BUTTON MODULE
================================================ */
.module .ui.builder_button{
	display:flex;
	padding:0
}
.ui.builder_button{
	border:none;
	font-size:1.1em;
	position:relative
}
.ui.builder_button em{
	background-color:rgba(0,0,0,.5);
	font-size:120%;
	display:flex;
	align-items:center;
	padding:0 .5em;
	-webkit-clip-path:polygon(0 0,100% 0,100% 0,70% 100%,0 100%,0 100%);
	clip-path:polygon(0 0,100% 0,100% 0,70% 100%,0 100%,0 100%)
}
.module-buttons span{
	padding:.9em 1.45em;
	margin:0
}
.ui.builder_button span + em{
	padding:0 .5em 0 .8em;
	margin-right:-1px;
	-webkit-clip-path:polygon(70% 0,100% 0,100% 0,100% 100%,0 100%,0 100%);
	clip-path:polygon(70% 0,100% 0,100% 0,100% 100%,0 100%,0 100%)
}
.circle .ui.builder_button{
	overflow:hidden
}
.module.module-buttons a.tb_default_color{
	color:#fff
}

/* IMAGE MODULE
================================================ */
.module .image-wrap .zoom{
	box-sizing:border-box;
	background-color:transparent;
	color:var(--theme_accent);
	width:100%;
	height:100%;
	left:0;
	top:0;
	margin:0;
	transform:scale(0);
	transition:background-color .7s,transform .3s
}
.module .image-wrap .zoom{
	font-weight:400;
	font-size:3.6em
}
.module .image-wrap:hover .zoom{
	opacity:1
}
.module-image.image-full-overlay:hover .image-content:before,
.module .image-wrap .zoom:hover,
.module .image-wrap:hover .zoom{
	transform:scale(1);
	background-color:rgba(26,42,65,.9);
	color:var(--theme_accent)
}

/* SLIDER MODULE
================================================ */
.module.module-slider.slider-agency .slide-inner-wrap{
	background-color:#fbfbfb;
	position:relative;
	z-index:0
}
.module.module-slider.slider-agency .slide-inner-wrap:before{
	content:"";
	background-color:var(--theme_accent);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:20px 0 0 20px;
	z-index:-1
}
.module.module-slider.slider-agency .slide-image{
	width:auto
}
.module.module-slider.slider-agency .slide-content{
	flex:1;
	background-color:#fbfbfb;
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin:0 0 1em
}
.themify_builder_slider .slide-title{
	font-size:1.6em;
	margin:0 0 .7em
}
.themify_builder_slider_wrap.themify_builder_slider_vertical .carousel-prev,
.themify_builder_slider_wrap.themify_builder_slider_vertical .carousel-next{
	background:none;
	color:var(--theme_accent)
}
.themify_builder_slider_wrap .carousel-prev span,
.themify_builder_slider_wrap .carousel-next span{
	display:inline-block
}
.themify_builder_slider_wrap .carousel-prev:before,
.themify_builder_slider_wrap .carousel-next:after{
	transform:none;
	border:none;
	content:"\00AB";
	font-size:30px;
	height:auto;
	vertical-align:middle;
	display:inline-block;
	margin-top:-8px;
	margin-right:5px
}
.themify_builder_slider_wrap .carousel-prev:after,
.themify_builder_slider_wrap .carousel-next:before{
	content:"";
	display:inline-block;
	transform:none;
	border:none;
	margin:auto;
	border-top:3px solid var(--theme_accent);
	width:100px;
	height:0;
	vertical-align:middle
}
.themify_builder_slider_wrap .carousel-next:after{
	content:"\00BB";
	margin-right:0;
	margin-left:5px
}

/* CONTACT MODULE
================================================ */
.module-contact .control-label{
	font-style:italic
}
.module-contact .btn-primary{
	position:relative;
	padding-right:3em
}
.module-contact .btn-primary:after{
	content:'\2794';
	position:absolute;
	top:-1px;
	bottom:0;
	right:0;
	display:flex;
	font-size:1.2em;
	flex-direction:column;
	justify-content:center;
	background-color:rgba(0,0,0,.5);
	padding:0 .5em 0 .8em;
	-webkit-clip-path:polygon(70% 0,100% 0,100% 0,100% 100%,0 100%,0 100%);
	clip-path:polygon(70% 0,100% 0,100% 0,100% 100%,0 100%,0 100%)
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media screen and (min-width:680px){
	.module.module-slider.slider-agency .slide-inner-wrap{
		max-width:67%;
		margin-left:auto;
		margin-right:auto
	}
}
@media screen and (max-width:760px){
	.module.module-slider.slider-agency .slide-inner-wrap{
		flex-wrap:wrap
	}
	.module.module-slider.slider-agency .slide-image,
	.module.module-slider.slider-agency .slide-content{
		width:100%
	}
	.themify_builder_slider_wrap.themify_builder_slider_vertical .carousel-prev,
	.themify_builder_slider_wrap.themify_builder_slider_vertical .carousel-next{
		position:static;
		display:inline-block !important;
		transform:none;
		padding:10px
	}
	.themify_builder_slider_wrap .carousel-prev:after,
	.themify_builder_slider_wrap .carousel-next:before{
		width:50px
	}
}
@media screen and (max-width:680px){
	.footer-left-col .main-col,
	.footer-right-col .main-col,
	.footer-left-col .section-col,
	.footer-right-col .section-col{
		width:100%
	}
}