/*
Theme Name:     Theratio Child
Theme URI:      http://wpdemo.archiwp.com/theratio/
Description:    Make your modifications to [Parent Theme] in this child theme.
Author:         Ehsan Gharakhan
Author URI:     http://alper.ir
Version:        1.0
Template:       theratio
*/

@import url("../theratio/style.css");

/* =Theme customization starts here
------------------------------------------------------- */
@font-face {
	font-family: Qatar;
	src: url('font/Qatar/Qatar.ttf');
	src: url('font/Qatar/Qatar.eot');
	src: url('font/Qatar/Qatar.woff2');
	font-style: normal;
}

body,
rs-layer,
a,
h1,
h2,
h3,
h4,
h6,
h5,
p,
span,
strong , 
input {
	font-family: 'Qatar' !important;
}

footer a {
	color: white;
}
.breadcrumbs {
	direction: initial;
}

footer .elementor-widget-container>h5 {
	display: none;
}
.home  a {
	color: white;
}

.page-id-1546 .page-header {
	display: none;
}

.post-inner {
	border-radius: 10px;
}

.is-stuck {
	background-color: #fff !important;
}

.is-stuck .menu-item>a {
	color: black !important;
}

.is-stuck .ot-flaticon-search {
	color: black !important;
}

.octf-btn-dark {
	transform: scale(1.05);
}

.page-id-6725 input {
	border: 1px solid #eaeaea !important;
	border-radius: 5px;
}
 
input , textarea {
	border: 1px solid #eaeaea !important;
	border-radius: 5px;
	background-color: #fafafa;
}
select {
	padding: 7px !important;
}

.gform_button {
	padding: 10px 20px 10px 20px;
	background-color: #001c54!important;
	color: white;
	border-radius: 10px;
}
.page-header {
	height: 300px;
}
.sub-menu {
	background-color: white!important;
	border-radius: 5px;
	color: white;
}
.menu-item>a {
	color: white;
}
.header-desktop {
	border-bottom: 1px solid #eaeaea;
}
.author-bio , .woocommerce-Price-amount , .price , .orderby , .woocommerce-result-count , .post-nav  {
	display: none;
}
.is-stuck .elementor-sub-item:hover ,
.elementor-sub-item:hover {
	color: white!important;
}
.woocommerce-loop-product__title {
	font-size: 15px!important;
}
.woocommerce-Tabs-panel {
	text-align: justify!important;
}
.woocommerce-tabs {
	background-color: #fafafa;
	width: 170%;
	margin: 0px -370px 50px 370px;
	padding: 50px 300px 50px 300px;
}
.product .product-type-simple , 
.archive .product-type-simple
{
	border: 1px solid #eaeaea;
	padding: 10px;
	box-shadow: 0 0px 10px 0px #eaeaea;
	border-radius: 5px;
}
.wp-post-image {
	width: 1366px;
}
.error-logo {
	width: 150px!important;
}

.ot-flaticon-next {
	transform: rotateZ(180deg);
}

/* about */

.page-id-12 .elementor-tab-title.elementor-active {
	background-color: #001966;
	color: white!important;
}
.elementor-tab-title:last-child {
	margin-left: 0px !important;
}
.page-id-12 .elementor-tab-title {
	margin: 45px;
	padding: 40px 10px 40px 10px!important;
	background-color: #f2f4f5;
	text-align: center;
	border-radius: 50%;
}
.page-id-12 .elementor-tab-title:hover {
	background-color: #001c54;
	color: white !important;
}

.elementor-tabs-wrapper {
	background-image: url("https://alper.ir/wp-content/uploads/2022/09/line2.png");
	background-position: center;
	background-repeat: repeat-x;
	background-size: auto;
}


@media only screen and ( min-width: 768px ) and ( max-width: 1024px ) {
	.sub-menu .menu-item {
	  background: #2a2a2a;
	}
	.page-header {
		height: 220px;
  }
}
@media only screen and (max-width: 1024px) {
	.page-id-12 .elementor-tab-title {
		width: 90px;
		margin: 0 auto;
		margin-bottom: 0px;
		margin-bottom: 10px;
		margin-top: 10px;
		border-radius: 50%;
		padding: 30px 15px 30px 15px!important;
	}
	.page-id-12 .elementor-tab-content {
		border: 1px solid #eaeaea !important;
		padding: 10px;
	}
}
@media only screen and (min-width: 1024px) {
	
	.timeline .elementor-tab-title:first-child {
		margin-right: 0px !important;
	}
	
}
@media only screen and (max-width: 768px) {
  .page-header {
		height: 120px;
  }
  .sub-menu .menu-item {
	  background: #2a2a2a;
  }
  .wp-block-themepunch-revslider {
	  margin: -30px 0px -30px 0px;
  }
  .is-stuck .menu-item > a {
	color: #fff !important;
	}
	.logo-footer {
		margin : 20px;
	}
	.sub-menu , .menu-item-12291 , .menu-item-12287 , .menu-item-12288 {
		padding-right: 10px;
	}
	.the-logo {
		padding-top: 5px;
		padding-bottom: 10px;
	}
  /*.mobile-nav.menu-item {
		text-align: end!important;
		direction: ltr!important;
	}
	*/
}