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

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

@font-face {
    font-family: Soleil;
	font-weight: normal;
	font-style: normal;
    src: url("fonts/Soleil.otf")  format('opentype');
}

@font-face {
    font-family: Soleil;
    font-weight: 700;
    src: url("fonts/Soleil-Bold.otf") format("opentype");
}

@font-face {
    font-family: Soleil;
    font-weight: 600;
    src: url("fonts/SoleilSb.otf") format("opentype");
}
@font-face {
    font-family: Soleil;
    font-weight: 300;
    src: url("fonts/SoleilLt.otf") format("opentype");
}

.effect-one #site-navigation-wrap .dropdown-menu > li.current-menu-item>a.menu-link>span:after {
    visibility: visible;
    transform: scaleX(1);
}

/* top bar */
#top-bar-wrap {
	background: url('/wp-content/uploads/header_map_strip.jpg');
	height: 53px;
	background-size: cover;
}

/* header */
img.custom-logo {
	margin-right: 40px;
}

/* login */
input[type="button"], input[type="reset"], input[type="submit"], button[type="submit"], .button, #site-navigation-wrap .dropdown-menu >li.btn >a >span, .thumbnail:hover i, .post-quote-content, .omw-modal .omw-close-modal, body .contact-info-widget.big-icons li:hover i, body div.wpforms-container-full .wpforms-form input[type=submit], body div.wpforms-container-full .wpforms-form button[type=submit], body div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: white !important;
	color: #1E50AE;
	border: 2px solid #1E50AE;
	text-transform: none;
	letter-spacing: 0;
	font-size: 15px;
	padding: 14px 20px 12px 20px;
}

input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button[type="submit"]:hover, .button:hover, #site-navigation-wrap .dropdown-menu >li.btn >a >span:hover, .thumbnail:hover i, .post-quote-content:hover, .omw-modal .omw-close-modal, body .contact-info-widget.big-icons li:hover i, body div.wpforms-container-full .wpforms-form input[type=submit]:hover, body div.wpforms-container-full .wpforms-form button[type=submit]:hover, body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
	background-color: #1E50AE !important;
	color: white;
}

span.login-prompt {
	font-family: Roboto Slab;
	font-size: 18px;
	line-height: 33px;
	font-weight: 500;
	color: #27628E;
}

form input[type="text"], form input[type="password"], form input[type="email"], form input[type="url"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="datetime"], form input[type="datetime-local"], form input[type="week"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="color"], form select, form textarea {
  padding: 10px 12px 6px 12px;
  background-color: #f7f7f7;
  color: #27628E;
  border: 1px solid #27628E;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

button[type="submit"]::after {
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 8px;
}

/* main */
#main #content-wrap a {
	text-decoration: underline;
}

#main #content-wrap a:hover {
	text-decoration: none;
}

#main #content-wrap  {
  padding: 0 15px 50px 15px;
}

#content article div.entry > div:not(.elementor) {
	margin-top: 30px;
}

.page-header .container {
  padding: 0 15px;
}
/* footer */
#footer #text-3, #footer #text-2 {
	font-size: 12px;
	line-height: 1.4em;
}

#footer .col-1 {
	width: 20%;
}

#footer .col-2 {
	padding-top: 25px;
}

#footer .col-3 {
	width: 35%;
	padding-top: 25px;
}

#footer .col-4 {
	width: 20%;
	padding-top: 25px;
}


@media only screen and (min-width: 1140px) and (max-width: 1240px) {  
	#site-logo a.site-logo-text {
		font-size: 18px;
	}
	img.custom-logo {
	  margin-right: 20px;
	}
}

@media only screen and (max-width: 959px) {  
	#footer .col-1, #footer .col-2, #footer .col-3, #footer .col-4 {
		width: auto;
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 640px) {  
	a.site-title.site-logo-text {
		display: block;
		font-size: 14px !important;
		line-height: 24px !important;
	}
	#site-logo #site-logo-inner {
		text-align: center;
	}
	img.custom-logo {
		margin-right: 0;
	}
}
