/*
Theme Name: Stark Loto
Description: Child theme of Total theme for Stark Loto.
Author: Ahmet Sarıcan
Template: Total
Version: 1.0.6
*/
/*------------------------------------------------------------------------------------------------------------------------------
	GENERAL
------------------------------------------------------------------------------------------------------------------------------*/
/* Main Styles */

h5, h6 { font-family: 'Rajdhani', sans-serif; font-weight: 700; letter-spacing: .025em; color: #000; line-height: 1.5; text-transform: uppercase; margin: 0 0 25px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

a:hover { text-decoration: none; }
p:last-child { margin-bottom: 0; }

/* Buttons */
.theme-button, input[type="submit"], button, #site-navigation .menu-button>a>span.link-inner, .button, .added_to_cart, .wp-block-search .wp-block-search__button, .wp-block-file a.wp-block-file__button { font-size: 14px; vertical-align: middle; }
.theme-button-inner { display: inline-block; }
/*
.theme-button.button-with-arrow:hover { background-color: #ed1d24; }
*/
.ion-ios-play:before {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-top: 4.5px solid transparent;
	border-left: 7.91px solid black;
	border-bottom: 4.5px solid transparent;
}

/* Scroll to Top */
#site-scroll-top { border-radius: 2px !important; }

/*------------------------------------------------------------------------------------------------------------------------------
	LAYOUT
------------------------------------------------------------------------------------------------------------------------------*/
/* Header */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#site-header .header-padding { padding-top: 30px; padding-bottom: 30px; }
	#site-logo .logo-img { height: 60px; }
}
@media only screen and (max-width: 767px) {
	#site-header .header-padding { padding-top: 25px; padding-bottom: 25px; }
	#site-logo .logo-img { height: 50px; }
}

/* Menu */
.navbar-style-one { right: 0; }
#site-navigation .dropdown-menu>li.menu-item>a { border-radius: 2px; }
#site-navigation .dropdown-menu>li.menu-item>a>.link-inner { position: relative; padding: 0; line-height: 38px; border-radius: 2px; }
#site-navigation-wrap.has-menu-underline .main-navigation-ul>li>a>.link-inner:after { width: 30px; margin: 0 auto; left: 0; right: 0; bottom: 1px; }
#site-navigation .dropdown-menu>li.search-toggle-li { margin-left: 1.25em; }
#site-navigation .dropdown-menu>li.menu-item>a.site-search-toggle { width: 70px; text-align: center; color: #fff; background-color: #ed1d24; }
#site-navigation .dropdown-menu>li.menu-item>a.site-search-toggle:hover { color: #fff; }
#site-navigation .dropdown-menu>li.menu-item.menu-item-gtranslate>a { padding-left: 0.5em; padding-right: 0.5em; }

@media only screen and (max-width: 1023px) {
	#site-navigation .dropdown-menu>li.menu-item>a { padding-left: 1em; padding-right: 1em; }
	#site-navigation .dropdown-menu>li.search-toggle-li { margin-left: 1em; }
	#site-navigation .dropdown-menu>li.menu-item.menu-item-gtranslate>a { padding-left: 0.4em; padding-right: 0.4em; }
}

/* Mobile Menu*/
.mobile-toggle-nav-ul a { border-top: 0px; }

/* Primary Bottom */
.wpex-has-primary-bottom-spacing #primary {
    padding-bottom: 60px;
}

/*------------------------------------------------------------------------------------------------------------------------------
	PAGE HEADER
------------------------------------------------------------------------------------------------------------------------------*/
.tax-portfolio_category .page-header .page-header-title, .single-portfolio .page-header .page-header-title { font-size: 45px; }
.page-subheading { margin: 0 0 20px 3px; }
.single-portfolio .page-header .page-subheading { letter-spacing: 0.5em; }
.background-image-page-header .page-subheading a { color: inherit; }

/*------------------------------------------------------------------------------------------------------------------------------
	SIDEBAR
------------------------------------------------------------------------------------------------------------------------------*/
#sidebar-inner { padding-bottom: 12px ;}

.sidebar-box.widget ul li a { padding: 8px 0 8px 1px; color: #000000; }
.sidebar-box.widget ul li a:hover { color: #ed1d24; background-color: transparent; }

/*------------------------------------------------------------------------------------------------------------------------------
	FOOTER
------------------------------------------------------------------------------------------------------------------------------*/
.footer-box.col-1 .widget_media_image { text-align: center; }
.footer-box .vcex-icon-box-icon { font-size: 24px; width: 21px; }

/*------------------------------------------------------------------------------------------------------------------------------
	VCEX STYLES
------------------------------------------------------------------------------------------------------------------------------*/
/* Terms Grid */
.vcex-terms-grid-entry-image, .portfolio-entry-media { margin-bottom: 20px; border: 1px solid #e5e5e5; }
.vcex-terms-grid-entry-image a, .portfolio-entry-media a { display: flex; float: left; width: 100%; padding: 8%; align-items: center; justify-content: center; background-color: #ffffff; }
.vcex-terms-grid-entry-image a:before, .portfolio-entry-media a:before { content: ""; margin-top: 100%; }

/* Portfolio 4 Card  */
.wpex-card-portfolio_4 .wpex-card-media { margin-bottom: 20px; border: 1px solid #e5e5e5; }
.wpex-card-portfolio_4 .wpex-card-thumbnail { display: flex; width: 100%; padding-bottom: 100%; align-items: center; justify-content: center; }
.wpex-card-portfolio_4 .wpex-card-thumbnail a { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 8%; align-items: center; justify-content: center; overflow: hidden;  background-color: #ffffff; }
.wpex-card-portfolio_4 .wpex-card-thumbnail a img { display: inline-block; max-width: 100%; max-height: 100%; object-fit: contain; }

/* Grid Titles */
.vcex-terms-grid .entry-title, .wpex-card-portfolio_4 .wpex-card-title { font-size: 18px; line-height: 24px; text-align: center; }

/* Overlay */
.overlay-bg.wpex-bg-accent.wpex-opacity-90 { opacity: .95; }

/*------------------------------------------------------------------------------------------------------------------------------
	SINGLE PRODUCT
------------------------------------------------------------------------------------------------------------------------------*/
/*
.single-portfolio .vcex-post-media { display: flex; float: left; width: 100%; padding: 8%; align-items: center; justify-content: center; background-color: #ffffff; border: 1px solid #e5e5e5; }
.single-portfolio .vcex-post-media:before { content: ""; margin-top: 100%; }
*/
.single-portfolio .vcex-post-media .wpex-slider-slides { border: 1px solid #e5e5e5; }
.single-portfolio .vcex-post-media .wpex-slider-slides .wpex-slider-media { display: flex; float: left; width: 100%; padding: 8%; align-items: center; justify-content: center; background-color: #ffffff; }
.single-portfolio .vcex-post-media .wpex-slider-slides .wpex-slider-media:before { content: ""; margin-top: 100%; }
.wpex-slider-preloaderimg:not(.no-stretch) img, .wpex-slider:not(.no-stretch) .wpex-slider-media img { width: auto; }

.sp-thumbnails-container .sp-thumbnail-container { border: 1px solid #e5e5e5; }

.single-produkt-code { font-family: 'Heebo', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: .1em; line-height: 1.5em; color: #ed1d24; text-transform: uppercase; vertical-align: baseline; margin: 0; }

.technical_details_table tbody tr td:first-child { font-family: 'Heebo', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: .1em; line-height: 1.5em; color: #ed1d24; text-transform: uppercase; vertical-align: baseline; margin: 0; white-space: nowrap; }

/*------------------------------------------------------------------------------------------------------------------------------
	BLOG
------------------------------------------------------------------------------------------------------------------------------*/
.blog .wpex-card-date { font-family: 'Heebo', sans-serif; font-size: 11px; font-weight: 500; letter-spacing: .075em; line-height: 1.1em; color: #ed1d24; text-transform: uppercase; vertical-align: baseline; margin-bottom: 10px; }

.blog .theme-button.expanded { width: auto; }

.single-post .meta-date { font-family: 'Heebo', sans-serif; font-size: 11px; font-weight: 500; letter-spacing: .075em; line-height: 1.1em; color: #ed1d24; text-transform: uppercase; vertical-align: baseline; }
.single-post .meta-date .ticon { display: none; }
.single-post .meta-category { font-family: 'Heebo', sans-serif; font-size: 11px; font-weight: 500; letter-spacing: .075em; line-height: 1.1em; color: #000000; text-transform: uppercase; vertical-align: baseline; }
.single-post .meta-category .ticon-folder-o { margin-right: 20px; }
.single-post .meta-category .ticon-folder-o:before { display: block; content: ""; width: 10px; height: 5px; border-top: 1px solid #000000; }
.single-post-title { font-size: 45px; }

/*------------------------------------------------------------------------------------------------------------------------------
	FORMS
------------------------------------------------------------------------------------------------------------------------------*/

label { font-family: 'Heebo', sans-serif; font-size: 12px; font-weight: 500; letter-spacing: .075em; line-height: 1.1em; color: #000000; text-transform: uppercase; vertical-align: baseline; }
label.required { color: #ed1d24; }

.full-width-input input[type="submit"] { width: auto; }

/*------------------------------------------------------------------------------------------------------------------------------
	CUSTOM CLASSES
------------------------------------------------------------------------------------------------------------------------------*/
.color-accent { color: #ed1d24; }
.color-black { color: #000000; }

.vcex-heading.tagline { font-family: 'Heebo', sans-serif; font-size: 12px; font-weight: 500; letter-spacing: .8em; line-height: 1.1em; color: #ed1d24; text-transform: uppercase; vertical-align: baseline; margin: 0 0 8px 3px; }

.vcex-flex-container.section-title-container > .vcex-heading.tagline { font-size: 14px; margin-left: 3px; }
@media only screen and (min-width: 768px) {
	.section-title-container .vcex-heading:first-child { margin: 0; padding: 0 30px; text-align: right; position: relative; }
	.section-title-container .vcex-heading.tagline { margin: 0; padding: 0 30px; }
	.section-title-container .vcex-heading:first-child:after { content: ""; position: absolute; display: block; width: 1px; height: 82%; background-color: #bebbbf; top: 7%; right: -1px; }
}

span.link-inner {
    color: black;
}