/*
 Theme Name:     Onero Child
 Theme URI:      http://onero.ellethemes.com
 Description:    Onero Child Theme
 Author:         Ellethemes
 Author URI:     http://www.ellethemes.com
 Template:       onero
 Version:        1.0.0
*/

@import url("../onero/css/bootstrap.css?ver=5.6");
@import url("../onero/css/bootstrap-responsive.css?ver=5.6");

body {
	-webkit-tap-highlight-color: transparent;
}

/* Variables */
:root {
	--PrimaryColor: blue;  
	--PrimaryColorText: black;   
	
	--SecondaryColor: black;
	--SecondaryColorText: cyan;  
}

/* Text styles */
p {
	font-size: 15px;
	padding-top: 0px;
	color: var(--PrimaryColorText);
}

.textwidget p {
	color: white;
}

.prog, .start_animation {
	background: var(--SecondaryColor) !important;
}

.footer_social_icons.circle li a i {
	color: var(--SecondaryColor) !important;
}

.services_large:hover, .wpcf7 input:not([type="submit"]):focus, .wpcf7 textarea:focus, .price_table.highlighted, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
	border-color: var(--SecondaryColor) !important;
}

/* H2, H4 etc (ecpect h1 + h3)*/
h2, h4, h5, h6, .portfolio_single ul.info li .title, .skill_title, .creative-single.background--light .title .info, .creative-single.background--light .title .info li .categories a, .ti-widget .ti-widget-container, .ti-widget .ti-widget-container * {
	color: var(--PrimaryColorText)  !important;
}

/* Footer Text */
footer#footer, footer#footer .contact_information dd .title, .copyright_text a {
	color: #a5a5a5  !important;
}

.footer_wrapper {
    left: 0;
    bottom: 0;
}

.mobile_small_menu.open:before, .mobile_small_menu.close:before, a {
	color: var(--PrimaryColorText) !important;
	text-decoration: none !important;
}

.onero_slider .swiper-slide .buttons.colors-light a.bordered, .onero_slider .swiper-slide .buttons.colors-light a.bordered i {
	color: white !important;
}

.menu-small a {
	color: white !important;
	text-decoration: none !important;
}

/* Sticky Chat Widget */
.ginger-sticky-buttons .channel-btn a, .main-action-button, .gsb-main-action-button, .close-gsb-action-button {
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
}
.ginger-sticky-buttons .button-list .channel-btn a {
    display: block;
    padding: 0px !important;
    text-decoration: none;
}
.main-button .close-gsb-button {
    padding: 0px !important;
    line-height: 1 !important;
}

.ginger-sticky-buttons .channel-btn span {
    display: inline-block !important;
    vertical-align: middle !important;
    text-align: center !important;
}
.main-button a svg {
    display: inline-block;
    vertical-align: top;
    /* height: 100%; */
}
.close-gsb-action-button a svg {
    display: inline-block;
    vertical-align: top;
    width: 55% !important;
    /* height: 100%; */
}
.ginger-sticky-buttons .whatsapp-social-button {
    background-color: #25D366 !important;
}
.ginger-sticky-buttons .telegram-social-button {
    background-color: #539def !important;
}


/* Arrow nav Portfolio */
.header_7 .nav-growpop a.prev {
    left: 0px !important;
}

/* Portfolio - disable: View all posts by XY */
.author_link {
    display: none !important;
}

.aside .tagcloud a:hover, .nav-growpop .icon-wrap, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range, .woocommerce #content .quantity .minus:hover, .woocommerce #content .quantity .plus:hover, .woocommerce .quantity .minus:hover, .woocommerce .quantity .plus:hover, .woocommerce-page #content .quantity .minus:hover, .woocommerce-page #content .quantity .plus:hover, .woocommerce-page .quantity .minus:hover, .woocommerce-page .quantity .plus:hover, .block_title .nav-fillpath a:hover, .overlay_menu nav ul li a:after, .latest_blog .owl-carousel .owl-controls .owl-next:hover, .latest_blog .owl-carousel .owl-controls .owl-prev:hover, .testimonial_carousel_element:hover .pagination a.next:hover, .testimonial_carousel_element:hover .pagination a.prev:hover, .block_title.column_title.inner-inline_border_circle .divider .line, .block_title.section_title .divider .line, .wpcf7 input[type="submit"].btn-bt.default, aside .widget-title:after, .woocommerce span.onsale, .woocommerce-page span.onsale, .content_portfolio.in_container #portfolio-filter li.mixitup-control-active, .recent_portfolio #portfolio-filter li.mixitup-control-active, #blog-filter li.mixitup-control-active, aside .widget-title:after, .blog-article .readmore:after {
	background-color:  #a5a5a5 !important;
}

.header_1 header#header, .header_2 header#header, .header_3.header_wrapper header > .container, .header_4 header#header, .header_5 header#header, .header_6 header#header, .header_7.header_wrapper, .header_7.hidden_header .vertical_header_background, .header_8.header_wrapper, .header_9.header_wrapper, .header_10.header_wrapper, .header_10 .full_nav_menu, .header_11.header_wrapper, .header_12.header_wrapper {
    background-color: rgb(0 0 0 / 40%) !important;
	height: 100vh !important;
}

/* Content margin 100vh for full screen
#content {
    margin-top: 100vh !important;
}
 */

/* Portfolio hide to long text */
.show_text h5 {
	overflow: hidden !important; 
	white-space: nowrap !important; 
	text-overflow: ellipsis  !important; 
}

/* Portfolio image */
.tpl2 {
    width: 100%;
    height: 280px;
}


.tpl2 img {
	height: 280px;
	object-fit: cover;
}

.portfolio-item.grayscale .project, .portfolio-item.grayscale .project>a {
	width: 100% !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	height: 80px;
	margin-left: 0px;
	padding-left: 35px;
}

.single-portfolio #content {
    margin-top: 0% !important;
}

a {
	color: var(--PrimaryColorText)  !important; 
}

h4 {
	padding-top: 15px;
}

	/* Hide/Sisplay Btn */
	.btn-hide-mobile {
		display: none !important;
	}

/* Scrollanimation */
.header_page::before {
	display: block;
	position: fixed;
	z-index: 9999;
	top: 97vh;
	right: 0;
	margin: -7em 1em 0 0;
	left: 50%;
	content: '';
	width: 30px;
	height: 30px;
	background-color: white;
	border-radius: 100%;
	-webkit-animation: sdb10 2s infinite;
	animation: sdb10 2s infinite;
	box-sizing: border-box;
}

@-webkit-keyframes sdb10 {
	0% {
		-webkit-transform: translate(0, 0px);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(0, 60px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes sdb10 {
	0% {
		transform: translate(0, 0px);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		transform: translate(0, 60px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@media only screen and (max-width: 979px) {

/* Scrollanimation */
	@-webkit-keyframes sdb10 {
		0% {
			-webkit-transform: translate(0, 60px);
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		80% {
			-webkit-transform: translate(0, 0px);
			opacity: 0;
		}
		100% {
			opacity: 0;
		}
	}
	@keyframes sdb10 {
		0% {
			transform: translate(0, 60px);
			opacity: 0;
		}
		40% {
			opacity: 1;
		}
		80% {
			transform: translate(0, 0px);
			opacity: 0;
		}
		100% {
			opacity: 0;
		}
	}
}

/* Scrollup Icon */
.scrollup {
	right: 0;
	margin-bottom: 30px;
	margin-right: 25px;
	border-radius: 50%;
}

/* Services Image Icon */
.services_large img {
	height: 10vh;
	max-width: 100px;
}


/* Header Title Text inside Image example About Us */
.header_page.with_subtitle .titles {
	width: 100%;
}

/* Copiright text inside Footer */
.copyright_text {
	padding-left: 10px;
	white-space: nowrap;
}

/* Ninja Forms */
.contact-form .nf-form-content .list-select-wrap .nf-field-element>div,
.nf-form-content input:not([type=button]),
.nf-form-content textarea,
.checkbox-wrap .nf-field-element label:after,
.checkbox-wrap .nf-field-label label:after,
.listcheckbox-wrap .nf-field-element label:after,
.listcheckbox-wrap .nf-field-label label:after {
	background: #F7F7F7;
	border: 1px solid #ECECEC !important;
}

.contact-form .nf-form-content button,
.nf-form-content input[type=button],
.nf-form-content input[type=submit] {
	width: 100%;
	background: #191919;
	border: 1px solid #191919;
}

.contact-form .nf-form-content label {
	font-size: 15px;
	font-weight: normal;
}




@media only screen and (max-width: 979px) {
	
/* Content margin 100vh for full screen */
#content {
	    margin-top: 100% !important;
}

	.header_page {
    margin-top: 80px;
		margin-bottom: 0%;
}

	/* Header Title Text inside Image example About Us */
	.header_page.with_subtitle .titles {
		top: 60vw;
	}
	.header_page.with_subtitle.centered .titles h1,
	.header_page.with_subtitle.left .titles h1 {
		text-align: left;
		font-size: clamp(3px, 10vw, 60px);
	}
	.header_page.with_subtitle.centered .titles h3,
	.header_page.with_subtitle.left .titles h3 {
		text-align: left;
	}	
	
	/* Header */
	.header_page {
		margin-left: 0 !important;
		width: 100% !important;
	}	
	
	.header_7.align_center #logo {
		margin-top: 0;
	}
	.header_7 #logo {
		left: 50% !important;
		right: 0%;
		float: left;
		top: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%)
	}
	header#header {
		background-color: white;
		position: fixed;
		
	}
	#logo img {
		max-height: 50px;
	}
	
	/* Services Image Icon */
	.services_large img {
		height: 10vh;
		max-width: 9vw;
	}
	
	/* Hide/display Btn */
	.btn-hide-mobile {
		display: normal;
	}
	
	/* Header Background color */
.header_1 header#header, .header_2 header#header, .header_3.header_wrapper header > .container, .header_4 header#header, .header_5 header#header, .header_6 header#header, .header_7.header_wrapper, .header_7.hidden_header .vertical_header_background, .header_8.header_wrapper, .header_9.header_wrapper, .header_10.header_wrapper, .header_10 .full_nav_menu, .header_11.header_wrapper, .header_12.header_wrapper {
    background-color: rgb(0 0 0 / 0%) !important;
	height: 0 !important;https://mlvhjivemfui.i.optimole.com/iDmlh-8.nKDp~4d6fb/w:400/h:300/q:90/rt:fill/g:ce/https://rivass.ch/wp-content/uploads/2020/12/IMG_20150313_134217400_HDR.jpg
}
	
	.portfolio-item.grayscale .project, .portfolio-item.grayscale .project>a {
	margin-left: 0px;
	padding-left: 35px;
}

@media only screen and (max-width: 767px) {
	
	.portfolio-item.grayscale .project, .portfolio-item.grayscale .project>a {
	margin-left: 0px;
	padding-left: 15px;
}
}
	
@media only screen and (max-width: 479px) {
	
	/* Header Title Text inside Image example About Us */
	.header_page.with_subtitle .titles {
		padding-left: 15px;
	}
	
	/* Header */
	.header_7 #logo {
		left: 25% !important;
	}
	
	/* Copiright text inside Footer */
	.copyright_text {
		white-space: normal;
		width: 100%;
		padding-left: 0px;
	}
}