/*
Skin Name:Ultra Gadgets
Version:1.0
Demo URI:https://themify.me/demo/themes/ultra-gadgets/
Required Plugins:builder-contact,builder-woocommerce,woocommerce
*/

/************************************************************************************
GENERAL
*************************************************************************************/
body{
	color:#404040;
	font:1.05em/1.75em 'Libre Franklin', sans-serif;
}
a{
	color:#198be3
}
a:hover,
.post-nav .arrow,
.post-nav a:hover > span,
.post-title a:hover{
	color:#198be3
}

/* FORMS
================================================ */
textarea,input,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;
	font-weight:400;
	margin:0;
	width:100%
}
input[type=reset],input[type=submit],button[type=submit]{
	background-color:#198be3;
	color:#fff;
	font-size:.75em;
	font-weight:600;
	padding:1.1em 2.75em;
	letter-spacing:.08em;
	text-transform:none;
	width:auto
}
#commentform p label{
	text-transform:none;
	display:inline-block;
}
input[type=checkbox],input[type=radio]{
	width:auto
}
/* form input:focus */
textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=search]:focus,input[type=email]:focus,input[type=url]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus{
	border-color:#959595
}

#commentform{
	display:flex;
	flex-direction:column
}
#commentform .comment-form-cookies-consent,
#commentform .form-submit,
#commentform .comment-form-comment{
	order:1
}
#commentform p.comment-form-author,
#commentform p.comment-form-email{
	width:100%;
	padding:0
}
#commentform .form-submit{
	align-self:flex-end
}

/* HEADINGS
================================================ */
h1,h2,h3,h4,h5,h6{
	font-family:'Poppins',Arial,sans-serif;
	font-weight:700;
	color:#000
}
h1{
	font-size:2.15em;
	line-height:1.35em;
	letter-spacing:0;
}
h3{
	font-size:1.35em;
	font-weight:600
}

/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap{
	border:none
}

/* SITE LOGO
================================================ */
#site-logo{
	font:700 1.35em/1em 'Poppins',Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:-0.02em;
	margin-top:15px
}

/* MAIN NAVIGATION
================================================ */
#main-nav a{
	font-family:'Poppins',Arial,sans-serif;
	font-size:.9em;
	font-weight:500;
	text-transform:uppercase
}
#main-nav ul a{
	text-transform:none
}
#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:#198be3
}

#main-nav .themify-logo-menu-item #site-logo{
	margin-top:0
}

/* mega menu */
#main-nav .mega-menu-posts .post,
#main-nav .mega-menu-posts .post-title{
	text-align:left
}
#main-nav .has-mega>.sub-menu{
	top:auto
}

/* CART ICON
================================================ */
.cart-wrap a span{
	background-color:#198be3;
	position:static;
	margin:0 0 -3px -12px;
	padding:3px 7px
}
.pull-down{
	padding:4px 11px
}
.cart-wrap a:hover,
.search-button:hover,
.pull-down:hover,
.widget .social-links a:hover{
	color:#000
}

/* SEARCH LIGHTBOX
================================================ */
.search-option-tab li:hover a,
.search-option-tab li.active a{
	box-shadow:inset 0 -3px 0 0 #198be3
}
.search-results-wrap .view-all-button{
	color:#198be3
}
.view-all-button:after{
	border-color:#198be3
}
.cart-icon + .search-button{
	margin-left:10px
}

/* TRANSPARENT HEADER
================================================ */
.boxed-content #headerwrap,
.transparent-header #headerwrap{
	box-shadow:none
}
.transparent-header #main-nav > li > a:hover{
	color:#fff
}
.transparent-header a,
.transparent-header #main-nav a{
	transition:none
}
.transparent-header .header-icons a{
	color:inherit
}

/* FIXED HEADER
================================================ */
.transparent-header #headerwrap.fixed-header,
#headerwrap.fixed-header{
	background-color:rgba(255,255,255,.9);
	color:#000
}
.transparent-header .fixed-header #main-nav > li > a:hover{
	color:#198be3
}
.header-block .fixed-header #site-logo,
.fixed-header #site-logo{
	margin-top:15px
}

/* HEADER STRIPE
================================================ */
.header-stripe #headerwrap{
	box-shadow:none
}
.header-stripe #site-logo{
	background-color:#198be3;
	display:inline-flex;
	align-items:center;
	margin-top:0
}
.header-stripe #headerwrap.fixed-header{
	background-color:transparent
}

/* HEADER OVERLAY
================================================ */
.header-overlay.transparent-header .fixed-header,
.header-overlay.mobile-menu-visible #headerwrap{
	background-color:rgba(255,255,255,.9);
	color:#000
}
.header-overlay.transparent-header .fixed-header .header-icons a,
.header-overlay.mobile-menu-visible .header-icons a,
.header-overlay.mobile-menu-visible #header,
.header-overlay.mobile-menu-visible #header a,
.header-overlay.mobile-menu-visible #mobile-menu.sidemenu{
	color:#000
}
.header-overlay.transparent-header .fixed-header .header-icons a:hover,
.header-overlay.mobile-menu-visible .header-icons a:hover,
.header-overlay.mobile-menu-visible #header a:hover{
	color:#198be3
}

/* HEADER MAGAZINE
================================================ */
.header-magazine #site-logo{
	margin-top:8px
}
.header-classic #site-logo{
	margin-top:2em
}

/* HEADER SLIDE DOWN/SLIDE OUT
================================================ */
.header-slide-out #menu-icon,
.header-slide-down #menu-icon{
	padding:11px
}

/************************************************************************************
POST
*************************************************************************************/
.loops-wrapper.list-post .post-date,
.single .post-content .post-date{
    background-color:rgba(25,139,227,.8)
}

/************************************************************************************
PORTFOLIO
*************************************************************************************/
.project-date,.project-client,.project-services,.project-view{
	color:#198be3
}

/************************************************************************************
WIDGETS
*************************************************************************************/
.footer-widgets .widgettitle,.widgettitle{
	font-family:'Poppins',Arial,sans-serif;
	font-weight:600;
	font-size:1em;
	margin:0 0 1.2em;
	text-transform:none;
	letter-spacing:normal
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap{
	background-color:#e6e7ea;
	border:none;
	line-height:1.5em
}
#footerwrap a{
	color:#404040
}
#footerwrap a:hover{
	color:#198be3
}

/* FOOTER LOGO
================================================ */
#footer-logo{
	font-family:'Poppins',Arial,sans-serif;
	font-size:1.65em;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 1.3em;
}

/* FOOTER TEXT
================================================ */
.footer-text{
	font-size:.95em
}
.section-col + .footer-text{
	border-top:1px solid #ddd;
	padding:1.7em 0 1.45em;
	text-align:center;
	font-size:.8em;
	letter-spacing:normal
}
.section-col + .footer-text .one,
.section-col + .footer-text .two{
	display:inline-block;
	vertical-align:middle
}
.section-col + .footer-text .one{
	margin-right:.4em
}

/* FOOTER BACK TO TOP
================================================ */
#footerwrap .footer-tab,
#pagewrap .back-top-float,
.back-top:not(.back-top-float) .arrow-up a{
    background:rgba(25,139,227,.8)
}
#pagewrap .back-top-float:hover,
.back-top:not(.back-top-float) .arrow-up a:hover{
    background-color:#198be3
}
.footer-block .back-top:not(.back-top-float) .arrow-up a{
	background:0
}
#footerwrap .back-top .arrow-up a,
#footerwrap .footer-tab,
#footerwrap .footer-tab:hover{
    color:#fff
}
/************************************************************************************
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{
	background-color:#198be3;
	color:#fff;
	font-family: 'Poppins', sans-serif;
	font-weight:700;
	font-size:.7em;
	padding:.95em 1.65em;
	letter-spacing:.05em;
	text-transform:none;
	transition:all .3s
}
#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{
	background-color:#000;
	color:#fff
}

/*SLIDE CART*/
#cart-wrap .cart-total{
	font-size:.85em
}

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

/* SINGLE PRODUCTS
================================================ */
.woocommerce div.product form.cart .button{
	font-size:.7em;
	font-weight:bold;
	padding:1.1em 1.6em;
	margin-bottom:1.05em
}
/* breadcrumb */
.woocommerce .woocommerce-breadcrumb{
	color:#198be3;
	font-size:.75em;
	font-weight:normal
}
.woocommerce .woocommerce-breadcrumb a{
	color:#000;
	text-transform:uppercase
}

/* price */
.woocommerce div.product p.price,
.woocommerce div.product span.price{
	color:#000;
	font-family:'Poppins',Arial,sans-serif;
	font-size:1.2em;
	margin:0 0 .75em;
	transform:none
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del{
	font-weight:normal
}

/* tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
	color:#999;
	padding:1.05em 1.45em
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
	border-color:#198be3;
	color:#000
}

/* related products */
.woocommerce .related h2,
.woocommerce .upsells h2{
	letter-spacing:normal;
	text-transform:none
}

/* CART
================================================ */
.woocommerce #content table.cart td.actions .coupon .input-text,
#content .woocommerce .woocommerce-cart-form table.cart td.actions .coupon .input-text{
	padding:.6em .7em .65em;
	width:8em;
	font-size:.75em;
	border-radius:5em
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.alt{
	font-size:.75em;
}

/* CHECKOUT
================================================ */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height:33px;
	border-radius:5px;
	border-color:#ddd
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:33px
}
.select2-results__option{
	margin:0
}
.woocommerce form .form-row .textarea:focus,
.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row select:focus{
	border-color:#959595
}
.woocommerce-checkout #payment #place_order{
	font-size:.75em;
}

/************************************************************************************
BUILDER STYLING
*************************************************************************************/
/* BUTTON MODULE
================================================ */
.ui.builder_button{
	text-transform:none;
	font-family: 'Poppins', sans-serif;
	font-weight:700;
	font-size:.7em;
	padding:.95em 1.65em;
	letter-spacing:.05em
}
.ui.blue{
	background-color:#198be3;
	color:#fff;
}
.ui.blue.builder_button:hover{
	background-color:#000;
}
/* IMAGE MODULE
================================================ */
.module-image .image-title{
	font-size:1em;
	margin:0 0 .5em
}
.module-image.image-top .image-content{
	margin-top:.9em;
	margin-bottom:1.175em;
	line-height:1.4em
}
/* ACCORDION MODULE
================================================ */
.module-accordion .accordion-title a{
	display:flex;
	outline:none
}
.module-accordion .tb_title_accordion{
	order:-1
}
.module-accordion .accordion-content{
	padding:0;
	padding-right:4%
}