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

@import url("../theratio/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

@media only screen and (min-width: 1025px){
.vertical-main-navigation ul li ul {left: calc(100% + 1px) !important;}
	.dark-scheme .page-title { margin: 0 200px !important; background: #da9f354f !important; }
	
}
}
@media screen and (min-width: 2560px) {
  /* Styles for 27-inch screens or larger */
  /* Add your CSS code here */
	.bg-banner{
		background-size: cover;
  height: 25vh; /* adjust the height as necessary */
	}
	
}
@media (max-width: 767px) {
p.mobile{text-align: left !important;}
.page-header {height: 30vh !important; background-size: 100% 100% !important;}
.post-nav h6 {line-height: 28px !important;}
.elementor-1334 .elementor-element.elementor-element-3ebc271 > .elementor-widget-container {padding: 5px !important; text-align: left !important; }
.elementor-1334 .elementor-element.elementor-element-9dded2f > .elementor-element-populated { margin: 0px !important;}
.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-c5ec57b.ot-flex-column-horizontal { width: 50%;}
.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-2785b60.ot-flex-column-vertical {width: 50%;}
	
}
#back-to-top {right: 15px !important;}
.post-nav span:not(.title-link) {display:none !important;}
.projects-grid .projects-box .portfolio-info .portfolio-cates {display: none !important;}
.text-light a:hover, a:focus, a:active {color: #5a5a5a !important;}
.ot-process .process_nav h5 {color: #da9f35 !important;}
.ot-heading.is-dots {padding-bottom:20px !important;}
ul {list-style: none !important;}
.support-box .icon-title h5 { background: #5a5a5aa7 !important; }
.support-box .icon-title {padding: 0px 20px;}
.support-box .overlay {background: #da9f35 !important; color: #fff !important; }
.dark-scheme {background: #fff !important;}
h6 .title-link {color: #5a5a5a !important;}
.portfolio-related-title-wrap h2{color: #5a5a5a !important;}
select.wpcf7-form-control.wpcf7-select { width: 330px; padding:10px; border-color:#292929; }
input.wpcf7-form-control.has-spinner.wpcf7-submit.octf-btn { background: #da9f35; border: none; }
.dark-scheme .page-title {background: #da9f354f !important; display: none; }
.dark-scheme .post-nav a:before { color: #5a5a5a !important;}
.elementor-3229 .elementor-element.elementor-element-7315b15 .vertical-main-navigation > ul > li > a:hover, .elementor-3229 .elementor-element.elementor-element-7315b15 .vertical-main-navigation.no-line ul ul li.current-menu-item > a, .elementor-3229 .elementor-element.elementor-element-7315b15 .vertical-main-navigation.no-line ul ul li.current-menu-ancestor > a {background-image: none !important; }
.elementor-4337 .elementor-element.elementor-element-c4ffa74 .vertical-main-navigation > ul > li > a:hover, .elementor-4337 .elementor-element.elementor-element-c4ffa74 .vertical-main-navigation.no-line ul ul li.current-menu-item > a, .elementor-4337 .elementor-element.elementor-element-c4ffa74 .vertical-main-navigation.no-line ul ul li.current-menu-ancestor > a {background-image: none !important;}
.elementor-4337 .elementor-element.elementor-element-c4ffa74 .vertical-main-navigation ul ul { background: #f2f2f2 !important;}
.bg-banner{background-size: 100% 100% !important; }

.vertical-main-navigation ul > li > a {    text-transform: capitalize;}