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

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


h1 { font-family: 'Lato', sans-serif;  font-size: 35px !important; line-height: 37px !important; color: #333333!important; font-weight: 900!important; letter-spacing: -1px; text-align: center!important; text-transform: uppercase; }
h2  { font-family: 'Lato', sans-serif;  font-size: 22px !important; line-height: 28px !important; color: #333333!important; font-weight: 400!important;text-align: center!important; }
h3  { font-family: 'Lato', sans-serif;  font-size: 20px !important; line-height: 25px !important; color: #ffffff!important; font-weight: 400!important; text-align: center!important; }

p { font-family:'Lato', sans-serif;  font-size: 17px !important; line-height: 25px !important; color: #333333!important; font-weight: 400!important; text-align: left!important;  }

.technical { font-family:'Lato', sans-serif;  font-size: 22px !important; line-height: 25px !important; color: #333333!important; font-weight: 400!important; text-align: center!important; letter-spacing: 10px;  }
.icon-heading { font-family:'Lato', sans-serif;  font-size: 22px !important; line-height: 25px !important; color: #333333!important; font-weight: 900!important; text-align: left!important; margin-bottom: 3px; }
.icon-heading-2 { font-family:'Lato', sans-serif;  font-size: 17px !important; line-height: 25px !important; color: #333333!important; font-weight: 400!important; text-align: left!important;  }
.grey-panel-1 { font-family:'Lato', sans-serif;  font-size: 22px !important; line-height: 25px !important; color: #ffffff!important; font-weight: 900!important; text-align: left!important; margin-bottom: 3px; }
.grey-panel-2 { font-family:'Lato', sans-serif;  font-size: 16px !important; line-height: 25px !important; color: #ffffff!important; font-weight: 400!important; text-align: left!important;  }
.consent { font-family:'Lato', sans-serif;  font-size: 14px !important; line-height: 17px !important; color: #ffffff!important; font-weight: 400!important; text-align: left!important;  }

.copyright-left { font-family:'Lato', sans-serif;  font-size: 12px !important; line-height: 14px !important; color: #ffffff!important; font-weight: 400!important; text-align: left!important;  }
.copyright-right { font-family:'Lato', sans-serif;  font-size: 12px !important; line-height: 14px !important; color: #ffffff!important; font-weight: 400!important; text-align: right!important;  }


.menu-button { transition-duration: 0.4s; }
.menu-button a { background-color: #4d9ce1; color: #ffffff!important; border-radius: 50px; padding-left: 20px!important; padding-right: 20px!important;  }
.menu-button:hover { color: #000000!important; border-radius: 50px;  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); }


.featured { font-family:'Lato', sans-serif;  font-size: 20px !important; line-height: 25px !important; color: #333333!important; font-weight: 400!important; text-align: center!important; letter-spacing: 10px;  }
.featured-2 { font-family:'Lato', sans-serif;  font-size: 17px !important; line-height: 25px !important; color: #333333!important; font-weight: 400!important; text-align: center!important;   }


.cta { font-family: 'Lato', sans-serif;  font-size: 35px !important; line-height: 41px !important; color: #ffffff!important; font-weight: 300!important; letter-spacing: -1px; text-align: center!important;  }


.elementor-slide-heading { line-height: 37px !important; margin-bottom: 10px!important;   }
.elementor-slide-description { font-size: 25px !important; line-height: 28px !important;  }

.page-header-title { text-align: left!important;  }
.blog-entry-title { text-align: left!important;  }
.page-header-title { color: #ffffff!important; }
.single-post-title { font-size: 34px !important; line-height: 38px !important; letter-spacing: -2px!important; text-align: left!important;  }

.left-h2  { font-family: 'Lato', sans-serif;  font-size: 22px !important; line-height: 28px !important; color: #333333!important; font-weight: 700!important;text-align: left!important; margin-bottom:3px;}

.name { font-family:'Lato', sans-serif;  font-size: 20px !important; line-height: 22px !important; color: #333333!important; font-weight: 400!important; text-align: center!important;  }
.name-2 { font-family:'Lato', sans-serif;  font-size: 13px !important; line-height: 17px !important; color: #333333!important; font-weight: 700!important; text-align: center!important; margin-top: -10px; letter-spacing: 1px;   }


.cv-1 { font-family:'Lato', sans-serif;  font-size: 30px !important; line-height: 30px !important; color: #4c9ce1!important; font-weight: 700!important;  }
.cv-2 { font-family:'Lato', sans-serif;  font-size: 15px !important; line-height: 18px !important; color: #333333!important; font-weight: 400!important; margin-top: -5px; }
.cv-text { font-family:'Lato', sans-serif;  font-size: 25px !important; line-height: 27px !important; color: #4c9ce1!important; font-weight: 400!important; padding-top:15px; }
.cv-text2 { font-family:'Lato', sans-serif;  font-size: 15px !important; line-height: 18px !important; color: #333333!important; font-weight: 400!important; margin-top: -8px; }

.case-study-1 { font-family: 'Lato', sans-serif;  font-size: 31px !important; line-height: 35px !important; color: #333333!important; font-weight: 300!important; letter-spacing: -1px; text-align: left!important; text-transform: none!important; }
.case-study-2 { font-family: 'Lato', sans-serif;  font-size: 22px !important; line-height: 26px !important; color: #333333!important; font-weight: 300!important; letter-spacing: -0.5px; text-align: left!important; margin-top: -10px!important;}
.testi-name-1 { font-family: 'Lato', sans-serif;  font-size: 22px !important; line-height: 28px !important; color: #333333!important; font-weight: 400!important; letter-spacing: -0.5px; text-align: left!important; }
.testi-name-2 { font-family: 'Lato', sans-serif;  font-size: 15px !important; line-height: 17px !important; color: #4c9ce1!important; font-weight: 700!important; letter-spacing: -0.5px; text-align: left!important; text-transform: uppercase;  margin-top: -10px!important; }





@media only screen and (min-width:768px) and (max-width:1024px) {
h1 { font-size: 28px !important; line-height: 32px !important; }
h2 { font-size: 20px !important; line-height: 24px !important; }
.full-width { width: 100%!important; }
.copyright-left { text-align: center!important;  }
.copyright-right { text-align: center!important; }

}




@media only screen and (min-width:320px) and (max-width:767px) {
h1 { font-size: 28px !important; line-height: 32px !important; text-align: left!important; }
h2 { font-size: 20px !important; line-height: 24px !important; text-align: left!important; }
.full-width { width: 100%!important; }
.copyright-left { text-align: center!important;  }
.copyright-right { text-align: center!important; margin-top: -26px; }
.grey-panel-1 { text-align: center!important;  }
.grey-panel-2 { text-align: center!important;  
.icon-heading { text-align: center!important; 
.icon-heading-2 { text-align: center!important;}
}