/*======================================
Theme Name: OCFA
Theme URI: https://divicake.com/
Description: This is OCFA child theme
Version: 1.0
Author: Exemplifi
Author URI: https://exemplifi.io/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
:root {
	--white: #ffffff;
	--black: #000000;
	--cultured-white: #F6F6F6;
	--eerie-black: #191919;
	--yankees-blue: #1F273D;
	--dark-cornflower-blue: #23408F;
	--baby-blue-eyes: #A8C8FA;
	--mikado-yellow: #FFC20E;
	--philippine-red: #C8102E;
	--sucess: #16A34A;
	--heading-text: #1F273D;
	--gothic-atf: "headline-gothic-atf-rough-n2", sans-serif;
	--dm-sans: "DM Sans", Helvetica, Arial, Lucida, sans-serif;
	--fonts: "icomoon" !important;
}
*{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	font-size: 16px;
}
@font-face {
	font-family: 'icomoon';
	src:  url('assets/fonts/icomoon.eot?8pkgha');
	src:  url('assets/fonts/icomoon.eot?8pkgha#iefix') format('embedded-opentype'),
	  url('assets/fonts/icomoon.ttf?8pkgha') format('truetype'),
	  url('assets/fonts/icomoon.woff?8pkgha') format('woff'),
	  url('assets/fonts/icomoon.svg?8pkgha#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
  
body {
    font-family: DM Sans, Helvetica, Arial, Lucida, sans-serif;
    font-weight: 500;
    line-height: 1.4;
    --tw-text-opacity:  1;
    color: rgb(0 20 59 / var(--tw-text-opacity,  1));
}
body .et_pb_module.h1 {
    margin-bottom: 1rem;
    padding-bottom: 0;
    font-family: headline-gothic-atf, sans-serif;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
}
@media (min-width: 768px) {
    body .et_pb_module.h1 {
    font-size: 5rem;
}
}body .et_pb_module.h1 * {
    font-size: 1em;
    font-weight: 400;
    line-height: 1;
}
body .et_pb_module.rugged, body .et_pb_module.rugged h1, body .et_pb_module.rugged h2, body .et_pb_module.rugged h3, body .et_pb_module.rugged h4, body .et_pb_module .rugged {
    font-family: headline-gothic-atf-rough-n2, sans-serif;
}
body .et_pb_module h1 {
    margin-bottom: 1rem;
    padding-bottom: 0;
    font-family: headline-gothic-atf, sans-serif;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
}
@media (min-width: 768px) {
    body .et_pb_module h1 {
    font-size: 5rem;
}
}body .et_pb_module.h2 {
    margin-bottom: 1rem;
    padding-bottom: 0;
    font-family: headline-gothic-atf, sans-serif;
    font-size: 2.25rem;
    font-weight: 400;
    line-height: 1;
}
@media (min-width: 768px) {
    body .et_pb_module.h2 {
    font-size: 4rem;
}
}body .et_pb_module.h2 * {
    font-size: 1em;
    font-weight: 400;
    line-height: 1;
}
body .et_pb_module h2 {
    margin-bottom: 1rem;
    padding-bottom: 0;
    font-family: headline-gothic-atf, sans-serif;
    font-size: 2.25rem;
    font-weight: 400;
    line-height: 1;
}
@media (min-width: 768px) {
    body .et_pb_module h2 {
    font-size: 4rem;
}
}body .et_pb_module.h3 {
    margin-bottom: 1rem;
    padding-bottom: 0;
    font-family: headline-gothic-atf, sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 1;
}
@media (min-width: 768px) {
    body .et_pb_module.h3 {
    font-size: 2.5rem;
}
}body .et_pb_module.h3 * {
    font-size: 1em;
    font-weight: 400;
    line-height: 1;
}
body .et_pb_module h3 {
    margin-bottom: 1rem;
    padding-bottom: 0;
    font-family: headline-gothic-atf, sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 1;
}
@media (min-width: 768px) {
    body .et_pb_module h3 {
    font-size: 2.5rem;
}
}body .et_pb_module.h4 {
    margin-bottom: 1rem;
    padding-bottom: 0;
    font-family: headline-gothic-atf, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.08;
}
@media (min-width: 768px) {
    body .et_pb_module.h4 {
    font-size: 2.25rem;
    line-height: 1.1;
}
}body .et_pb_module.h4 * {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.08;
}
@media (min-width: 768px) {
    body .et_pb_module.h4 * {
    line-height: 1.1;
}
}body .et_pb_module h4 {
    margin-bottom: 1rem;
    padding-bottom: 0;
    font-family: headline-gothic-atf, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.08;
}
@media (min-width: 768px) {
    body .et_pb_module h4 {
    font-size: 2.25rem;
    line-height: 1.1;
}
}body .et_pb_module.h5 {
    margin-bottom: 1rem;
    padding-bottom: 0;
    font-family: headline-gothic-atf, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.08;
}
@media (min-width: 768px) {
    body .et_pb_module.h5 {
    font-size: 2rem;
    line-height: 1.1;
}
}body .et_pb_module.h5 * {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.08;
}
@media (min-width: 768px) {
    body .et_pb_module.h5 * {
    line-height: 1.1;
}
}body .et_pb_module h5 {
    margin-bottom: 1rem;
    padding-bottom: 0;
    font-family: headline-gothic-atf, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.08;
}
@media (min-width: 768px) {
    body .et_pb_module h5 {
    font-size: 2rem;
    line-height: 1.1;
}
}body .et_pb_module.h6 {
    margin-bottom: 1rem;
    padding-bottom: 0;
    font-family: headline-gothic-atf, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.08;
}
@media (min-width: 768px) {
    body .et_pb_module.h6 {
    font-size: 1.5rem;
    line-height: 1.1;
}
}body .et_pb_module.h6 * {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.08;
}
@media (min-width: 768px) {
    body .et_pb_module.h6 * {
    line-height: 1.1;
}
}body .et_pb_module h6 {
    margin-bottom: 1rem;
    padding-bottom: 0;
    font-family: headline-gothic-atf, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.08;
}
@media (min-width: 768px) {
    body .et_pb_module h6 {
    font-size: 1.5rem;
    line-height: 1.1;
}
}body .et_pb_module.special-text, body .et_pb_module .special-text {
    font-family: headline-gothic-atf-rough-n2, sans-serif;
    font-size: 3.5rem;
    font-weight: 400;
    line-height: 1;
}
@media (min-width: 768px) {
    body .et_pb_module.special-text, body .et_pb_module .special-text {
    font-size: 6rem;
}
}body .et_pb_module.special-text *, body .et_pb_module .special-text * {
    font-size: 1em;
    font-weight: 400;
    line-height: 1;
}