/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nika Farra
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/


@font-face { font-family: 'Roboto';
             src: url('Roboto-Light.ttf') format('truetype');
             font-weight: 300;
             font-style: normal; }

@font-face { font-family: 'Roboto';
             src: url('Roboto-Regular.ttf') format('truetype');
             font-weight: 400;
             font-style: normal; }			 

@font-face { font-family: 'Roboto';
             src: url('Roboto-Bold.ttf') format('truetype');
             font-weight: 700;
             font-style: normal; }
			 
			 
@font-face { font-family: 'Roboto';
             src: url('Roboto-LightItalic.ttf') format('truetype');
             font-weight: 300;
             font-style: italic; }

@font-face { font-family: 'Roboto';
             src: url('Roboto-Italic.ttf') format('truetype');
             font-weight: 400;
             font-style: italic; }			 

@font-face { font-family: 'Roboto';
             src: url('Roboto-BoldItalic.ttf') format('truetype');
             font-weight: 700;
             font-style: italic; }
			 		 


body {
	font-family: "Roboto", sans-serif;
	font-size: 17px;
	line-height: 1.6;
	color: #333;
	font-weight: 300;
}

.widget-title {
    border: 0px;
    padding: 0px;
    font-size: 18px;
}

.custom-logo {
    margin-top: 5px;
}

#site-header {
	background-color: rgba(255, 255, 255, .93);
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
}

h1, h2, h3, h4 {
	 font-family: "Roboto", sans-serif;
}

h1.elementor-heading-title, h2.elementor-heading-title, h3.elementor-heading-title, h4.elementor-heading-title { 
	line-height: 1.4 !important; 
}

h4.elementor-heading-title {
	border-left: 5px solid #ff6a00 !important;
	padding: 10px !important;
	font-size: 22px !important;
}

.header-pic {
	-webkit-clip-path: circle(45% at 55% 50%);
	clip-path: circle(45% at 55% 50%);
}

.teaser {
	min-height: 620px !important;
}

.teaser h3 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	border-bottom: 1px solid #ddd !important;
}

#footer-widgets {
	font-size: 16px !important;
}

#footer-widgets .widget-title {
	font-size: 16px !important;
	font-weight: bold;
	padding-top: 0.5em;
}


#footer-widgets .footer-box {
    padding: 0px;
}

#footer-widgets .footer-box.col-1 {
    padding-right: 15px;
   
}

#footer-widgets .footer-box.col-2 {
    padding-right: 15px;
     padding-left: 15px;
    
}

#footer-widgets .footer-box.col-3 {
    padding-left: 15px;
}

#footer-sub {
    background-color: #333;
    min-height: 80px;
    padding-top: 20px;
	padding-bottom: 5px;
}

.footer-logo {
    width: 13%;
    display:inline-block;
	padding-top: 6px;
}

.footer-social {
    width: 86%;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    padding-top: 10px;
    text-align: right;
}

.social-icon {
    
}

/* ---------- Price-Tables ---------- */

.pricetable {
    -webkit-transition:.5s;
    transition:.5s;
    border-top: 10px solid #fff;
}

.pricetable:hover {
    box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);
    border-top: 10px solid #FFEE00;
    cursor: pointer;
}

.pricetable h5, #pricetable .owl-item h5 {
    font-size: 20px;
    font-weight: 700;
    padding-top: 20px;
}

#pricetable .owl-item {
	text-align: center;
}
#pricetable {
    border-top: 1px solid #ccc;
	padding-top: 15px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}



.is-form-style input.is-search-input {
    border-radius: 20px !important;
    border-width: 2px !important;
    padding: 10px !important;
    font-family: "Montserrat" !important;
    font-size: 16px !important;
    padding-left: 20px !important;
}

div.is-ajax-search-details, div.is-ajax-search-result {
    padding: 0px !important;
    font-weight: 700 !important;
}

.is-ajax-search-post-details, .is-ajax-search-post {
    padding: 5px !important;
    padding-top: 10px !important;
    padding-left: 10px !important;
}

.downloads p {
	line-height: 2.5;
}

.downloads .fas {
	padding-right: 10px;
	padding-left: 10px;
}

h2.eael-elements-flip-box-heading {
	padding-top: 20px !important;
	font-size: 18px !important;
}

.eael-elements-flip-box-rear-container .eael-elements-flip-box-content {
	color: #000 !important;
}

.eael-elements-flip-box-rear-container .eael-elements-flip-box-heading {
	color: #000 !important;
}

.eael-elements-flip-box-padding {
    padding: 0 10px 5px 10px !important;
}

.eael-elements-flip-box-icon-image {
	background-color: #FFEE00;
	border-radius: 50%;
	padding-top: 35px;
	width: 130px;
	height: 130px;	
}

.social {
	margin-top: 0px;
	padding-top: 0px;
}


.social li {
	display: inline-block;
	list-style-type: none;
	padding-left: 15px;
}

.social li a {
	color: #888;
}

.social li a:hover {
	color: #fff;
}

.downloads ul {
	margin-top: 20px;
}

.downloads li {
	list-style-type: none;
	margin-left: -17px;
	line-height: 2.3;
}

.downloads li a {
	color: #333;
}


/* Footer Menu */

div.side-menu {
	border-bottom: 1px solid #fff !important;
	width: 100%;
	padding-top: 1px;
	padding-bottom: 1px;
}

div.side-menu a {
	color: #fff !important;
}

div.side-menu a:hover {
	color: #ccc !important;
}

div.side-menu:first-child {
	padding-top: 0px;
}

div.side-menu:last-child {
  border: 0px !important;

}

/* ------------------ CF 7 ------------------------------ */

label 
{
 
}

input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea, select 
{
    color: #333;
    border: 1px solid #bbb;
    border-radius: 3px;
	font-weight: normal;
	width: 100%;
	background-color: #fff;
}

input[type="submit"]
{
	margin-top: 20px;
}

.cf7-field textarea 
{
	height: 7em;
	width: 100%;
	max-width: 100%;
}


.cf7-field select
{
	width: 33%;
	padding: 0.3em;
}

.btn.btn-default, .btn-default, .label-default, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt 
{
    
}

.btn.btn-default:hover
{
	 
}

.cf7-field
{
	width: 100%;
	margin-bottom: 20px;
}

.wpcf7-form p
{
	margin: 0px;
	padding: 0px;
}

.password-form
{
	padding-top: 50px;
	padding-bottom: 50px;
	width: 1150px;
	margin:auto;
	max-width: 90%;
}

@media (max-width: 420px){
	
	#site-logo {
		margin-left: 5px !important;
	}

	#footer-widgets .footer-box.col-1 {
    	padding: 10px;
	}

	#footer-widgets .footer-box.col-2 {
  		 padding: 10px;   
	}

	#footer-widgets .footer-box.col-3 {
		padding: 10px;
	}

	.footer-logo {
    	width: 35%;
    	display:inline-block;
		padding: 15px;
	}

	.footer-social {
    	width: 60%;
    	display: inline-block;
    	color: #fff;
    	vertical-align: top;
    	padding: 15px;
		text-align: right;
	}
	
	#footer-sub {
    	padding-top: 10px;
	}
	
	
	.password-form
	{
		max-width: 90%;
	}

}