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

/************************************************************************************
FONT FACE
*************************************************************************************/
@font-face{
    font-family:'selimaregular';
    src:url('fonts/selima_-webfont.woff2') format('woff2'),
         url('fonts/selima_-webfont.woff') format('woff');
    font-weight:400;
    font-display:swap;
    font-style:normal
}

/************************************************************************************
GENERAL
*************************************************************************************/
body{
	font:1.12em/1.45em 'Source Sans Pro',Arial,sans-serif;
	font-weight:300;
	color:#000
}
.post-nav .arrow,
a{
	color:#e61414
}

/* 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,.builder_button{
	border-radius:0
}

/* HEADINGS
================================================ */
h1, h2{
    font-family:'selimaregular';
    font-weight:400
}
h1{
	font-size:7em;
	line-height:1em;
	margin:0 0 .2em
}
h2{
	font-size:5em;
	line-height:1em;
	margin:0 0 .4em
}
h3{
	font-size:1.4em;
	font-weight:400;
	margin:0 0 .5em
}
h4{
	font-size:1.225em;
	font-weight:400;
	letter-spacing:0;
	text-transform:none;
	margin:0 0 .5em
}
h5{
	font-size:1.8em;
	font-weight:300;
	line-height:1.215em;
	letter-spacing:-.003em
}

/* 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]{
	border-color:#ddd
}
.module-contact label,
#commentform label{
	font-weight:400;
	font-size:1.1em;
	text-transform:none;
	letter-spacing:-.05em
}
input[type=text],
input[type=email],
input[type=url]{
	padding:.85em;
	margin-bottom:.15em
}
#commentform p label{
	transform:translate(18px, 38px)
}
#review_form p label{
	transform:none
}

/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap{
	background-color:#000;
	color:#fff
}

/* SITE LOGO
================================================ */
#site-logo{
	font-size:3em;
    font-family:'selimaregular';
	text-transform:none;
	letter-spacing:normal;
	font-weight:400
}

/* MAIN NAVIGATION
================================================ */
#main-nav a{
	font-size:1.1em;
	padding:.6em .45em
}
#main-nav a:hover,
#main-nav ul a:hover,
#main-nav .mega-menu-posts a:hover,
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a{
	color:#fcc226
}

/* mega menu */
#main-nav .has-mega-column .widgettitle,
#main-nav .has-mega-column > .sub-menu > .columns-sub-item > a{
	font-family:inherit
}
#main-nav .has-mega-column .widget{
	font-size:unset
}

#main-nav .highlight-link > a{
	padding:.3em 1em;
	margin-left:.4em;
	font-size:.9em
}

/* FIXED HEADER
================================================ */
.transparent-header #headerwrap.fixed-header,
#headerwrap.fixed-header{
	background-color:rgba(0,0,0,.8);
	color:#fff
}

/* HEADER HORIZONTAL
================================================ */
.header-horizontal #site-logo{
	font-size:3em;
	white-space:nowrap;
	line-height:.8em
}

/* HEADER MINBAR
================================================ */
.header-minbar #mobile-menu{
	background-color:rgba(0,0,0,.9);
	color:#fff
}

/* HEADER OVERLAY
================================================ */
.header-overlay.transparent-header .fixed-header,
.header-overlay.mobile-menu-visible #headerwrap{
	background-color:rgba(16, 16, 16, .9);
	color:#fff
}

/* HEADER STRIPE
================================================ */
.header-stripe #header,
.header-stripe #site-logo{
	background-color:rgba(0,0,0,.9)
}

/* HEADER BOXED CONTENT
================================================ */
.header-boxed-content #headerwrap{
	color:#000
}

/* MOBILE MENU PANEL
================================================ */
.header-stripe #header,
.boxed-compact #header,
.header-horizontal #header{
	display:-ms-flexbox;
	display:flex;
	align-items:center
}
.header-stripe .sidemenu-off,
.boxed-compact .sidemenu-off,
.header-horizontal .sidemenu-off{
	flex:1
}
.header-stripe .sidemenu-off #main-nav-wrap,
.boxed-compact .sidemenu-off #main-nav-wrap,
.header-horizontal .sidemenu-off #main-nav-wrap{
	margin-left:auto
}

/************************************************************************************
WIDGETS
*************************************************************************************/
.widgettitle{
	font-weight:700;
	text-transform:none;
	letter-spacing:.02em
}

/************************************************************************************
POST
*************************************************************************************/
.woocommerce div.product .product_title,
.woocommerce #reviews .comment-reply-title,
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3,
.post-title{
	font-family:inherit;
	font-weight:600;
	text-transform:none
}
.post-date{
	text-transform:none;
	font-size:1.01em;
	letter-spacing:.02em;
	margin-bottom:.65em
}
.more-link{
	font-weight:400;
	display:inline-block;
	margin-top:.3em
}
.more-link:after{
	display:none
}
.loops-wrapper.grid2-thumb .post-image{
	margin-right:2.15em
}
.loops-wrapper.grid2-thumb .post-title{
	font-size:1.4em;
	letter-spacing:-.015em;
	line-height:normal;
	margin-bottom:.55em
}
.loops-wrapper .post-content-inner{
	display:-ms-flexbox;
	display:flex;
	flex-direction:column
}
.loops-wrapper .post-title{
	order:-1
}

/************************************************************************************
BUILDER STYLING
*************************************************************************************/
/* FANCY HEADING
================================================ */
.module-fancy-heading .sub-head{
	padding-top:.45em
}

/* TESTIMONIAL SLIDER
================================================ */
.testimonial-content{
	color:#000
}
.testimonial-entry-content{
    letter-spacing:.05em;
    line-height:1.7em
}
.testimonial-author{
	padding-top:.25em
}
.person-name{
	font-size:1.1em;
	font-weight:400;
	letter-spacing:.01em
}

/* slider pager */
.themify_builder_slider_wrap .carousel-nav-wrap{
	padding-top:2em
}
.themify_builder_slider_wrap .carousel-pager a{
	color:#ddd;
	margin:0 10px;
	transition:transform .8s
}
.themify_builder_slider_wrap .carousel-pager a,
.themify_builder_slider_wrap .carousel-pager a:hover,
.themify_builder_slider_wrap .carousel-pager a.selected{
	border-width:9px
}
.themify_builder_slider_wrap .carousel-pager a:hover,
.themify_builder_slider_wrap .carousel-pager a.selected{
	color:#ffba00;
	transform:scale(1.3)
}

/* slider arrow */
.themify_builder_slider_wrap .carousel-prev,
.themify_builder_slider_wrap .carousel-next{
	font-size:1.5em;	
	overflow:visible
}
.themify_builder_slider_wrap .carousel-prev:before,
.themify_builder_slider_wrap .carousel-next:before{
	width:1em;
	height:1em;
	border-width:1px
}

/* SERVICES MENU
================================================ */
.module-service-menu .tb-menu-title{
	text-transform:none;
	font-size:1.3em;
	font-weight:400;
	margin:0 0 .4em
}
.module-service-menu .tb-menu-price{
	font-weight:400
}
.module-service-menu.image-horizontal .tb-menu-title{
	float:left
}
.module-service-menu.image-horizontal .tb-menu-price{
	float:right
}
.module-service-menu.image-horizontal .tb-image-content{
	position:relative
}
.module-service-menu.image-center.has-highlight{
	background:none
}
.module-service-menu.has-highlight .tb-highlight-text{
	border-radius:50%;
	min-width:40px;
	box-sizing:border-box;
	font-weight:400;
	font-size:1.2em;
	line-height:1em;
	padding:14px 18px 12px 18px;
	position:absolute;
	top:0;
	left:50%;
	transform:translate(-50%, -20%)
}

/* BUTTON
================================================ */
.module-buttons-item a span{
	padding:.45em .85em .5em 1em
}
#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]{
	padding:1em 2.45em
}
#main-nav .highlight-link > a,
#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{
	border:none;
	background-color:#ffba00;
	color:#000;
	font-weight:700;
	position:relative;
	letter-spacing:.05em;
	text-transform:uppercase;
	transition:background-color .3s ease,color .3s ease
}
#main-nav .highlight-link > a,
#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],.squared.solid .module-buttons-item .builder_button{
	-webkit-clip-path:polygon(9% 0%, 100% 0, 100% 70%,88% 100%, 0 100%, 0% 30%);
	clip-path:polygon(9% 0%, 100% 0, 100% 70%,88% 100%, 0 100%, 0% 30%)
}
.woocommerce ul.products li.product .button{
	letter-spacing:.02em
}
#main-nav .highlight-link > a:hover,
#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,.module-buttons-item .builder_button:hover{
	background-color:#000;
	color:#fff
}
.module-buttons:not(.outline) .builder_button{
	border:none
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap{
	background-color:#000;
	color:#fff;
	position:relative;
	border:none
}
#footer{
	padding-top:180px;
	padding-bottom:0;
}
#footer a{
	color:#fcc226;
	text-decoration:none
}
#footerwrap:before{
	content:"";
	background-image:url('images/mask.svg');
        width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	pointer-events:none;
	background-repeat:no-repeat
}

/* FOOTER LOGO
================================================ */
#footer-logo{
	font-weight:700;
	text-transform:none
}
.footer-horizontal-left #footer-logo,
.footer-horizontal-right #footer-logo,
.footer-left-col #footer-logo,
.footer-right-col #footer-logo{
	font-size:1.15em
}
#footer-logo a{
	color:inherit
}

/* FOOTER TEXT
================================================ */
.footer-left-col .footer-text{
	border-top:1px solid rgba(183, 183, 183, .3);
	margin-top:1em;
	padding:2em 0
}
.footer-left-col .footer-text .one{
	float:left
}
.footer-left-col .footer-text .two{
	float:right
}

/* FOOTER BACK TO TOP
================================================ */
#pagewrap .back-top-float,
.back-top:not(.back-top-float) .arrow-up a{
    background-color:#fcc226
}
#pagewrap .back-top-float:hover,
.back-top:not(.back-top-float) .arrow-up a:hover{
    background-color:rgba(252,194,38,.7)
}
.footer-block .back-top:not(.back-top-float) .arrow-up a{
	background:0
}
#footer .back-top .arrow-up a{
    color:#000
}
/************************************************************************************
WOOCOMMERCE
*************************************************************************************/
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale{
	background-color:#ffba00;
	color:#000
}

/* cart */
.woocommerce-cart #content table.cart td.actions .coupon .input-text,
.woocommerce .quantity .qty{
	padding:.75em .5em;
	font-weight:700;
	color:#000
}
.woocommerce-cart #content table.cart td.actions .coupon .input-text{
	width:7.5em
}

/* checkout */
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single{
	height:55px
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:55px
}
.select2-results__option{
	margin:0
}

.cart-wrap a span{
	background-color:#fcc226;
	color:#000
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media screen and (max-width:1260px){
	h1{
		font-size:5em
	}
}
@media screen and (max-width:680px){
	h1{
		font-size:2.6em
	}
	h2{
		font-size:2.2em
	}
	#footer{
		padding-top:120px
	}
	#footerwrap:before{
		height:120px
	}
	.footer-left-col .footer-text .one,
	.footer-left-col .footer-text .two,
	.module-service-menu.image-horizontal .tb-image-wrap + .tb-image-content .tb-menu-title,
	.module-service-menu.image-horizontal .tb-menu-title,
	.module-service-menu.image-horizontal .tb-image-content .tb-menu-price{
		float:none
	}
}