/*
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 */

@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap);@font-face{font-family:Migra;font-style:normal;src:local("Migra"),url(/wp-content/themes/oceanwp-child-theme-master/fonts/migra-semibold.otf) format("opentype")}@font-face{font-family:Migra;font-style:italic;src:local("Migra"),url(/wp-content/themes/oceanwp-child-theme-master/fonts/migra-semibolditalic.otf) format("opentype")}

:root {
  --heading-font-family:Migra;
	
  --primary-font-family:Inter,sans-serif,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;
	
  --primary-heading-height: 1.3em;
  
  --primary-heading-size: 64px; /*** 80pt ***/
  
  --secondary-heading-size: 50px; /*** 70pt ***/
  
  --tertiary-heading-size: 25px; /*** 30pt ***/
  
  --nav-link-font-size: 20px;
  
  --footer-link-font-size: 14px;

  --primary-font: "Montserrat", sans-serif;

  --left-right-padding: 5em;
  
  --left-right-margin: 5em;

  --bottom-top-padding: 2em;
  
  --heading-margin: 0.5em;

  --grid-column-gap: 3em;

  --grid-row-gap: 5em;

  --site-grid-width:90%;
  
  --site-padding: var(--bottom-top-padding) var(--left-right-padding);

  --site-margin: var(--bottom-top-padding) var(--left-right-padding);
  
  --container-height: 600px;
	
  --small-margin:10px;
}
body{
	font-family:Inter,sans-serif,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue !important;
}
body, p, h1, h2, h3,
.welcome-text p, .large-heading-migra h2, .large-heading-migra h3{
	color:#212529!important;
}

h1,h2, .large-heading-migra h2, .large-heading-migra h3{
	font-family:var(--heading-font-family) !important;
	
}
#site-header-inner {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    height: 100%;
}

#site-header.center-header #site-navigation-wrap .right-menu {
	text-align: right;
}
.oceanwp-social-menu.simple-social {
    left: 0;
}
.oceanwp-social-menu {
    position: absolute;
	/*z-index:-1;*/
	width: 137px;
}

/*smooth scroll home images*/
.swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important; 
}
.welcome-section{
	padding: 128px 32px;
}
.welcome-text p{
	font-size:24px;
	font-family:var(--primary-font-family);
	font-weight:300;
}
.large-heading-migra h2{
	font-size:var(--primary-heading-size);
}

.large-heading-migra h3{
	font-size:var(--secondary-heading-size);
}

/* CARDS */

#inner-card-left{
	padding-right:var(--small-margin);
	padding-left:20PX;
}
#inner-card-right{
	padding-left:var(--small-margin);
	padding-right:20PX;
}
#full-card-home{
	margin-top:20px;
	margin-bottom: 128px;
}
#full-card-home .elementor-widget-wrap{
	margin-left:20px;
	margin-right:20px;
}
#full-card-home img{
	width:430px;
}
.inner-card img{
	width:300px;
}
.inner-card .elementor-widget-wrap{
	padding: 48px 48px 0 !important;
}
.inner-card .elementor-widget-wrap, .full-card .elementor-widget-wrap{
	border-radius: 10px;
}


.full-card-text{
	padding:48px 0 0 48px !important;;
}
.full-card .elementor-widget-wrap{
	padding-bottom:0 !important;
}
.full-card .large-heading-migra h2{
	color:#F5E9C4 !important;
}
.top-rotating-img{
	z-index:-1;
}

.full-width-card h2{
	font-size: 10vw;
}
.full-width-card .text p{
	font-size: 20px;
	font-weight: 300;
}

.full-width-card img{
	width:500px;
}

.full-width-card .inner-columns .elementor-column-gap-default{
	display: flex;
    align-items: center;
}

.bottom-btns {
	display: contents;
}
.bottom-btns .elementor-widget-container{
	margin:5px
}

#transparent .elementor-button-link{
	background:transparent;
}
#transparent .elementor-button-link:hover {
    background: #f03a17;
	color:#fff;
	border-color:#f03a17;
}


/*FOOTER*/
.site-footer .widget_nav_menu li,.site-footer .widget_nav_menu li:first-child{
	border:none;
}
.site-footer .widget_nav_menu li{
	display:inline-block;
	padding: 0 15px;
}
#footer-widgets .footer-box .footer-widget ul{
	display:flex;
	justify-content: center;
}
#footer-widgets .footer-box .footer-widget ul ul{
	display:block;
}
.site-footer .widget_nav_menu li li{
	display:block
}
body .oceanwp-row .span_1_of_4 {
    width: 100% !important;
}
.site-footer{
	margin-top:var(--small-margin);
}

/** ** ** ** ** ** MEDIA QUERIES ** ** ** ** ** **/
@media screen and (max-width: 1199px) {
	.welcome-text{
		padding-left:20px;
	}
	
}


@media screen and (max-width: 1080px) {
	#mobile-fullscreen .oceanwp-social-menu{
		width:100%;
		text-align:center;
	}
	#site-header-inner {
		justify-content: space-between;
		align-items: center;
	}
	.oceanwp-mobile-menu-icon.mobile-right {
		float: left;
		position: absolute;
		left: 0;
	}
	#full-card-home{
		margin-bottom:50px;
	}
}

@media only screen and (max-width: 959px){
	#footer-widgets .col{
		margin-bottom: 0 !important;
	}
}

@media only screen and (max-width: 767px){
	:root {
		--primary-heading-size: 48px;
		
		--secondary-heading-size: 32px;
	}
	p, #footer-widgets .footer-box a{
		font-size: 14px;
	}
	.welcome-section{		
		padding:34px 26px;
	}
	.welcome-text p, .full-width-card .text p {
    	font-size: 16px;
	}
	.full-width-card .text p{
		text-align:center;
	}
	.welcome-text {
		padding-left: 0;
		padding-right: 0;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#inner-card-left, #inner-card-right{
		padding-right:20px;
		padding-bottom:20px;
    	padding-left: 20PX;
	}
	#full-card-home {
		margin-top: 0;
	}
	.full-card-text {
		padding: 0!important;
	}
	.full-width-card h2{
		font-size: 50px;
		margin: 64px 0px 0px;
	}
	.bottom-btns {
		display: block;
	    margin-bottom: 0 !important;
		text-align:center !important;
	}
}
@media only screen and (max-width: 500px){
	#footer-widgets .footer-box .footer-widget ul {
		display: BLOCK;
		justify-content: center;
		COLUMNS: 2;
	}
	.site-footer .widget_nav_menu li {
    	display: block;
	}
	#footer-widgets .footer-box a{
		FONT-SIZE:12px;
	}
	#footer-widgets .footer-box .footer-widget ul ul {
		COLUMNS: 1;
	}
}