/*
Theme Name: OceanWP Child - Sophisticated One
Theme URI: https://oceanwp.org/
Description: Starting Template Theme for Enter.Net
Author: Enter.Net
Author URI: https://www2.enter.net
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */


/* --------- BUTTON STYLES --------- */

/* SQUARE SMALL */
.elementor-size-square-small-btn {
	border-radius: 0 !important;
	font-size: 12px !important;
}

/* SQUARE LARGE */
.elementor-size-square-large-btn {
	border-radius: 0 !important;
	font-size: 14px !important;
	padding: 22px 30px !important;
}

/* PILL SMALL */
.elementor-size-pill-small-btn {
	border-radius: 50px !important;
	font-size: 12px !important;
}

/* PILL LARGE */
.elementor-size-pill-large-btn {
	border-radius: 50px !important;
	font-size: 14px !important;
	padding: 22px 30px !important;
}



/* --------- GENERAL STYLING --------- */
.oceanwp-sidr-overlay {
	z-index: 9999 !important;
}
.is-sticky #site-header, .is-sticky #top-bar-wrap, .is-sticky .header-top {
    opacity: 1!important;
}

.opl-login-li, .sidr-class-opl-logout-link, .sidr-class-opl-login-li {
	display: none!important;
}

#site-header {
	margin-top: -1px !important;
}

ul.elementor-icon-list-items a span, ul.elementor-icon-list-items span {
    transition: .3s;
}

#scroll-top {
	border-radius: 0!important;
}

/* WHEN MAX WIDTH 90% TURNS ON */
@media only screen and (max-width: 960px) {
	.remove-maxwidth .elementor-container {
		max-width: 100%!important;
	}
}







/* --------- TOPBAR STYLING --------- */

.topbar-content i {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 19px;
	display: inline-block;
	margin-left: 10px;
	margin-right: 3px;
	font-size: 10px;
  	transition: .4s;
}

.m-only {
  display: none;
}


/* WHEN IT DOESN'T FIT ON ONE LINE ANYMORE, HIDE UNIMPORTANT INFO*/
@media only screen and (max-width: 768px) {
	.m-only {
      display: inline-block;
  }
	.d-only {
		display: none;
	 }
}







/* --------- NAVIGATION MENU STYLING --------- */

#site-header.center-header #site-navigation-wrap .right-menu {
	margin-left: 15px !important;
}

#site-header.center-header #site-navigation-wrap .left-menu {
	margin-right: 15px !important;
}

.mobile-menu .fa-bars {
	font-size: 26px;
	vertical-align: middle;
}







/* --------- SIDE PANEL STYLING --------- */



/* SIDE PANEL ON MOBILE */
@media only screen and (max-width: 1105px) {
	#side-panel-wrap a.side-panel-btn {
		display: block!important;
	}
	.side-panel-btn {
		position: fixed;
		top: calc(50vh - 25px);
		height: 50px!important;
		width: 50px;
		margin-right: 0;
		line-height: 53px!important;
		padding: 0!important;
		text-align: center;
		border-radius: 5px 0 0 5px;
		transition: right .33s ease-in-out;
		right: 0;
	}

	.side-panel-btn .side-panel-icon {
		font-size: 20px!important;
	}
	
	.side-panel-btn.opened {
		transition: right .33s ease-in-out;
	}
}





/* --------- SVG ICON STYLING --------- */


.white-on-hover .oew-info-box-icon svg .cls-1, .white-on-hover .oew-info-box-title a {
    transition: .3s;
}

.white-on-hover:hover .oew-info-box-icon svg .cls-1 {
    fill: #fff!important;
}

.white-on-hover:hover .oew-info-box-title a {
    color: #fff!important;
}






/* --------- HOMEPAGE STYLING --------- */

/* IMAGE BOX BORDER */
.image-border:after {
    content:'';
    display: block;
    left: -10px;
    right: 100px;
    top: -10px;
    bottom: -10px;
    position: absolute;
    z-index: -1;
}

.image-border.shorten-border:after {
    right: 350px;
}

/* SWITCH TO MOBILE */
@media only screen and (max-width: 768px) {
	.image-border.shorten-border:after {
		display: none!important;
	}
}



/* SERVICES SECTION */
.white-on-hover .oew-icon-text, .white-on-hover .oew-info-box-icon, .white-on-hover .oew-info-box-title {
    transition: .3s;
}

.white-on-hover:hover .oew-icon-text, .white-on-hover:hover .oew-info-box-icon, .white-on-hover:hover .oew-info-box-title {
    color: #fff!important;
}



/* TESTIMONIAL */

.testimonial-slider .elementor-swiper-button {
    position: absolute;
    top: calc(100% + 15px);
    transition: .4s;
    opacity: .8;
}

.testimonial-slider .elementor-swiper-button-next {
    left: calc(50% + 25px);
    background: url('./wp-content/uploads/2019/12/arrow-right.png') no-repeat;
    background-size: contain;
}

.testimonial-slider .elementor-swiper-button-next:hover {
    left: calc(50% + 30px);
}

.testimonial-slider .elementor-swiper-button-prev {
    left: calc(50% - 70px)!important;
    background: url('./wp-content/uploads/2019/12/arrow-left.png') no-repeat;
    background-size: contain;
}

.testimonial-slider .elementor-swiper-button-prev:hover {
    left: calc(50% - 75px)!important;
}

.testimonial-slider .elementor-swiper-button i:before {
    content: '';
    display: block;
    height: 9px;
    width: 40px;
}








/* --------- FOOTER --------- */

.footer-copyright {
	font-size: 12px;
	text-align: center;
}

/* SWITCH TO SMALL SIZE - MOBILE VERSION */
@media only screen and (max-width: 768px) {
	.footer-copyright {
		font-size: 12px;
		text-align: left;
	}
}

@media only screen and (max-width: 480px) {
	.elementor-widget .elementor-icon-list-icon i {
		width: .8em !important;
	}
}





/* --------- SUBPAGE TITLES --------- */


.page-header .container {
	max-width: 1180px !important;
	padding-left: 20px;
	padding-right: 20px;
}

@media only screen and (max-width: 960px) {
	.page-header .container {
		max-width: 90% !important;
		padding-left: 0px;
		padding-right: 0px;
	}
}





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

/* FIXES FORMATING FOR ADDRESS FIELD */

.wpforms-field-address .wpforms-field-large {
	width: 66%!important;
	display: inline-block!important;
	float: left!important;
	clear: right!important;
}

.wpforms-field-address .wpforms-field-large:nth-child(2) {
	width: 100%!important;
}

.wpforms-field-address .wpforms-field-large:nth-child(4) {
	width: 31.5%!important;
}

.wpforms-field-address .wpforms-field-large:nth-child(4) .wpforms-one-half {
	width: 100%!important;
	margin: 0 0 0 8%!important;
}





/* --------- SAVING, BUT DON'T NEED --------- */


/* 
.subscribe .wpforms-field-container {
	width: calc(100% - 140px) !important;
	float: left !important;
}

.subscribe .wpforms-submit-container {
	width: 140px !important;
	float: left !important;
	clear: none !important;
	text-align: right !important;
}

.subscribe .wpforms-one-half {
	width: calc(50% - 5px) !important;
	margin-left: 10px !important;
}

@media only screen and (max-width: 600px) {
    
    .subscribe .wpforms-field-container {
	width: 100% !important;
	float: left !important;
}

.subscribe .wpforms-submit-container {
	width: 100% !important;
	float: left !important;
	clear: both !important;
	text-align: left !important;
}

.subscribe .wpforms-one-half {
	width: 100% !important;
	margin-left: 0px !important;
}

.subscribe .wpforms-submit {
    width: 100% !important;
}

    
}*/