/*
 Theme Name:   OGW Theme
 Description:  OGW Theme
 Author:       Runningfish
 Author URI:   https://www.runningfish.net
 Template:     Divi
 Version:      1.0.0
*/

@import url("../Divi/style.css");

:root {

	/* Main color styling */
--color-primary: #FFF;
--color-secondary: #FFF;
--color-tertiary: #000;
--color-primary-background: rgba(235,235,255, .1);
--color-primary-shadow: rgba(255,255,255,.9);
--color-text-shadow: rgba(68, 68, 68.9);
--font-light: #fff;
--font-dark: #000;
--shadow-above-bar: 0px -1px 10px var(--color-primary-shadow);
	/* Enhanced Mobile */
--home-button-color: var(--button-bg-1);
--button-bg-1: #C1272D;
--button-bg-2: #fff;
--button-border-style: 1px solid var(--font-light);
--button-hover-border: var(--button-border-style);
--button-border: var(--button-border-style) var(--color-primary);
--buton-hover-bg-1: rgba(255, 255, 255, 0);
--button-hover-bg-2: rgba(0,0,0, .89);
--button-border-radius: .05rem !important;
--button-font-weight: 400;
--button-font-size: 1.25rem;
--mobile-border-radius: 0;
--font-size-mobile: 1.2rem;
--primary-font: inherit;
}

/*---------------------------------------------
----------Styling For Buttons------------------
---------------------------------------------*/

/* Hover Styling */

.gform_button:hover, .et_pb_button:hover, .et_button_no_icon .et_pb_button:hover, .woocommerce button.button.alt:hover, .et_button_no_icon .et_pb_button:hover, .woocommerce button.button.alt:hover, .et_button_no_icon .et_pb_button:hover, .woocommerce-message .button .wc-forward:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce button.button:disabled {
	color: var(--button-hover-text-color) !important;
}

.gform_button:hover, .woocommerce #respond input#submit:hover, .et_button_no_icon .et_pb_button:hover, .woocommerce-page #respond input#submit:hover, .et_pb_button:hover, .tnp-field-button:hover, .tnp-subscription input[type="submit"]:hover {
	background-color: var(--button-hover-bg-2) !important;
	border-radius: var(--button-border-radius) !important;
	border: var(--button-hover-border) !important;
	color: var(--font-light) !important;
	font-family: var(--primary-font) !important;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: var(--button-font-weight) !important;
	font-size: var(--button-font-size) !important;
}
/* Hover Styling */


.gform_button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .et_pb_button, .tnp-field-button, .et_button_no_icon .et_pb_button, .tnp-subscription input[type="submit"] {
	border-radius: var(--button-border-radius) !important;
	line-height: 2rem !important;
	border: var(--button-border-style) !important;
	color: var(--font-light) !important;
	background-color: var(--button-bg-1);
	font-family: var(--primary-font) !important;
	text-transform: uppercase;
	font-weight: var(--button-font-weight) !important;
	cursor: pointer;
	font-size: var(--button-font-size) !important;
}

/*---------------------------------------------
---------END Styling For Buttons---------------
---------------------------------------------*/


span.site-wide-accent {color: #e3545a;}

.rf-above-fold .et_pb_column {margin: 0;} .rf-above-fold .widget_nav_menu {margin-bottom: 0 !important;} .rf-above-fold .et_pb_row_inner_1 {padding: 1rem 2rem;} .rf-above-fold .et_pb_slide {min-height: 70vh;}

.above-fold-image {padding-top: 0;} .above-fold-images img {max-height: 4rem;}

.slider-button, .special-button {font-size: 1.25rem !important; float: left;} .special-button {background-color: #000 !important;}
.blurb-button {background-color: transparent !important; display: flex;}

.home h1 h2 h3 h4 h5 p {color:#fafafa; }
.home #gform_wrapper_1 ul li {color:#fafafa !important; }

.logos-row .et_pb_code_inner {display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; flex-wrap: wrap; justify-content: space-evenly;}
.logos-row .et_pb_code_inner img {padding: 1vh 0;}

.home-service-section {padding: 0 !important; border: 5px solid #fff;} .home-flex-three {padding: 0 !important;} .home-flex-three .et_pb_promo_description {padding-top: 6rem;} .home-flex-three .et_pb_button_wrapper {padding-bottom: 6rem;} 

a.et_pb_button {font-variant:small-caps; }
.special-h2 {padding-top: 30px; }

.et_pb_slide_description {padding: 20% 0; }

/*        homepage boxing        */
.home-services.et_pb_row {padding:0; }
.home-services.et_pb_row{width:100% !important; max-width:100% !important; }
.home-services .et_pb_column {width:33.33%; margin-right:0; padding:108px 5.5%; }
.home-services .et_pb_column.et_pb_column_1 {border-right: 5px solid #fff; border-left: 5px solid #fff;}
.home-services .et_pb_column h2{font-size: 30px;}
.home-service-section {padding: 0;}
.home-service-section-2 {border-top: 5px solid #fff; border-bottom: 5px solid #fff; }

/*        testimonial section        */
p.testimonial-quote{font-size: 24px;line-height: 1.2em;}
p.testimonial-person{font-size: 32px;line-height: 1.2em;}

/*        services page        */
.rf-header .et_pb_fullwidth_header_container{padding:50px 0; }

/*        contact page        */
.page-id-95 .et_pb_section_1 {border-top: 4px solid #fafafa; }

#footer-widgets .footer-widget li {padding-left: 0px;}

/*        custom styles for non divi pages       */
.single-post #main-header, .blog #main-header, .page-id-5255 #main-header {background-color:#000000;}

.rf-above-fold .et_pb_slide {padding-right: 0 !important;}
.rf-above-fold .et_pb_slide_content p {font-size: 1.2rem;}

/* footer stlyes  */

/*        footer info customization        */
#footer-widgets .footer-widget li:before {content:none;}
#footer-keywords {padding-bottom:2px ;}
#footer-keywords a{color:#fafafa; font-weight:100; font-size:12px;}

.sub-menu li a img {
	max-width: 25px;
    max-height: 25px;
}

/*-----------------------------COPY THIS-----------------------------------
---------------------------------------------------------------------------
--------------mobile menu via global module//html in footer--------------*/

/* Main HTML Styling COLLAPSED */

#rf-mobile-bottom-bar {
	padding: 0;
	position: fixed;
	bottom: 0;
	z-index: 99999999;
	display: flex;
	height: 100%;
	width: 100%;
	max-height: 10%;
	min-height: 80px;
}
#rf-mobile-bottom-bar .et_pb_column {
	width: 33.3% !important;
	min-height: 100%;
	height: 100%;
}
#rf-mobile-bottom-bar .et_pb_button_module_wrapper {
	min-height: 100%;
	height: 100%;
}
#rf-mobile-bottom-bar .et_pb_code {
	min-height: 100%;
	height: 100%;
}
#rf-mobile-bottom-bar .et_pb_code .et_pb_code_inner {
	min-height: 100%;
	height: 100%;
}
#rf-mobile-bottom-bar .et_pb_button_module_wrapper a.et_pb_button {
	min-height: 100%;
	height: 100%;
}
#rf-mobile-bottom-bar a {
	text-transform: uppercase;
	width: 100%;
	height: 100%;
	min-width: 126px;
    min-height: 82px;
	font-weight: 600;
}
#rf-mobile-bottom-bar .et_pb_code .et_pb_code_inner a {
	display: flex;
	align-items: center;
	justify-content: center;
}
#rf-mobile-bottom-bar .et_pb_button_module_wrapper>a{
	display: flex;
	align-items: center;
	justify-content: center;
}
/* RF MOBILE HOME-B */
#rf_home_button {
	position: fixed;
	font-weight: bold;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-size: 1.75em;
	top: 200px;
	right: -25px;
	padding: 15px;
	z-index: 1000000;
}

/* DISAPPEAR DIVI MOBILE NAV */
#et_mobile_nav_menu {
	/*display: none !important;*/
}
/* MOBILE MENUUUUUUUUU */

ul#menu-rf-mobile-menu {
	max-width: 70%;
	margin: 0 auto;
	margin-top: 2rem;
}
.rf_mobile_menu_sidebar {
	padding: 0px !important;
}
.rf_mobile_menu_sidebar .et_pb_row {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0px !important;
}
.global-mobile-menu-styling li {
	padding: .5em;
}
.global-mobile-menu-styling li#menu-item- {
	padding-top: .5em !important;
}
.global-mobile-menu-styling li#menu-item- {
	padding-bottom: .5em !important;
}
/* Only CSS needed to copy when creating a new menu is this line, uptick the menu by one digit or use the inspector to figure it out */
.rf_mobile_menu_sidebar #nav_menu-3 {
	padding: 0px !important;
	margin-bottom: 0px !important;
	width: 100%;
	min-width: 100%;
	text-align: center;
}
.global-mobile-menu-styling li a {
	display: block;
	min-width: 100%;
	min-height: 100%;
}
#footer-bottom {
	padding-bottom: 6.5rem;
}
/* Mobile Menu Spacing Fix For Menu page */



.menu_page-below-header-text {
	padding: 0 3.5em 0 3.5em;
}
/* After element on the bottom buttons */
.rf_buttons_mobile {
	padding: 0 !important;
}
.rf_buttons_mobile:after {
	position: relative;
}

/* Hide the Home Button on Homepage */

body.home #rf_home_button {
	display: none !important;
}

#rf-mobile-bottom-bar .rf_border_hack .et_pb_button_module_wrapper {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Removes the Stupid Hover Icon */
#rf-mobile-bottom-bar .rf_hide_after::after {
	display: none;
}
/* Removes the Stupid Hover Icon */

/* Main HTML Styling COLLAPSED */

/*----------------------------------------------------------------
Change these custom styles after code insertions to match theme
----------------------------------------------------------------*/

#rf-mobile-bottom-bar {
    border-top: 1px solid rgba(255,255,255, .5);
}

/* BORDER HACK */
#rf-mobile-bottom-bar .et_pb_button {
	border: none !important;
	background-color: #fff;
}
#rf_home_button {
	box-shadow: -1px 0px 5px var(--color-primary-shadow);
	-webkit-box-shadow: -1px 0px 5px var(--color-primary-shadow);
	-ms-box-shadow: -1px 0px 5px var(--color-primary-shadow);
	background-color: var(--home-button-color) !important;
	color: var(--font-light) !important;
	border-radius: var(--mobile-border-radius) !important;
}
.global-mobile-menu-styling li {
	box-shadow: 0px 0px 8px rgba(255,255,255, .3);
	-webikit-box-shadow: 0px 0px 8px rgba(255,255,255, .3);
	-moz-box-shadow: 0px 0px 8px rgba(255,255,255, .3);
	margin-bottom: .2em;
	font-size: 2rem !important;
	padding-bottom: .7em;
	padding-top: .7em;
	background-color: var(--button-bg-1);
	border: var(--button-border-style);
}

.global-mobile-menu-styling li a {
	color: var(--font-light) !important;
	text-transform: uppercase;
    font-weight: 900;
}

.rf_mobile_menu_sidebar {
	background-color: var(--color-tertiary);
}

/* Hide the Home Button on Homepage */
.rf_buttons_mobile:after {
	text-shadow: 0px 0px 2px var(--color-text-shadow);
	-ms-text-shadow: 0px 0px 2px var(--color-text-shadow);
	-webkit-text-shadow: 0px 0px 2px var(--color-text-shadow);
}
/* Change the Button Font */
#rf-mobile-bottom-bar a {
	font-size: var(--font-size-mobile) !important;
	font-family: inherit, Arial, Lucida, sans-serif;
	color: var(--font-light) !important;
	border-radius: var(--mobile-border-radius) !important;
    background-color: #111 !important;
}
#rf-mobile-bottom-bar a:hover {
	border-radius: var(--mobile-border-radius) !important;
	background: var(--color-primary) !important;
	color: var(--font-dark) !important;
}
/* Change the Button Font */
.far, .fas, .fa {
    color: var(--button-bg-1);
    font-weight: 600;
}

/*----------------------------------------------------------------
Change these custom styles before code insertions to match theme
----------------------------------------------------------------*/

/* Mobile Styles COLLAPSED*/

/* Make logo bigger in mobile logo container */

@media only screen and (max-device-width: 980px) {
.et_menu_container {
	height: 6em;
}
#tidio-chat-iframe {
	margin-bottom: 3rem !important;
}
}

/* Make logo bigger in mobile logo container */


/* fix RF BUTTON on iPad vs. mobile */



@media only screen and (min-device-width : 813px) {
#rf_home_button {
	top: 700px;
}
}

@media only screen and (orientation: landscape) {
#rf_home_button {
	top: 85px;
	max-height: 15%;
}
#footer-bottom {
	padding-bottom: 5%;
}
}

@media only screen and (min-device-width : 769px) {
#footer-bottom {
	padding-bottom: 0 !important;
}
}

@media only screen and (min-device-width : 767px) {
#rf-mobile-bottom-bar a {
	font-size: 2rem !important;
}
}

@media only screen and (min-device-width: 981px) {
#rf_home_button {
	display: none;
}
#rf-mobile-bottom-bar {
	display: none;
}
.rf_mobile_menu_sidebar {
	display: none !important;
}
}

@media only screen and (max-device-width: 980px) {
#rf_mobile_section {
	padding: 0;
}
#rf_mobile_section .et_pb_row {
	padding: 0;
	width: 100%;
}
#logo {
	max-height: 100%;
}
}


/* Mobile Styles COLLAPSED*/

/*------------END mobile menu via global module//html in footer------------------
---------------------------------------------------------------------------------
--------------------------------COPY THIS--------------------------------------*/

/*           mobile styles          */
@media all and (min-device-width : 981px){
	.rf-above-fold .et_pb_column_0 {width: 75%; margin-right: 0;}
	.rf-above-fold {border-top: 5px solid #fff;}
	.home-flex-three .et_pb_column_4 {border-left: 5px solid #fff; border-right: 5px solid #fff;}
	.rf-phone {margin-right: 1.5rem !important;}
	.special-button {margin-left: 2rem;}
	#et-info {float: right;}
	.logos-row .et_pb_code_inner img {min-width: 7vw; width: 14vw;}
	.logo_container {position: relative; top: -15%; left: 30px;}
    img#logo {max-height: 115%;}
}

@media all and (max-device-width : 980px) {
	.home-services .et_pb_column {margin-bottom:0; }
	.home-services .et_pb_column.et_pb_column_1 {border:none; border-top: var(--button-border); border-bottom: var(--button-border);}
	.home-service-section-2 .et_pb_column.et_pb_column_6 {padding:30px 0; }
	#footer-keywords {text-align:center; }
	.home-flex-three .et_pb_column_4 {border-top: 5px solid #fff; border-bottom: 5px solid #fff;}
	.above-fold-images .et_pb_column {width: 33%;}
	ul#menu-home-page-list-1, ul#menu-home-page-list-2 {text-align: center;}
	.above-fold-images {padding: 2rem 0 !important;}
	#et-info-phone {margin: 0 0 1.25rem;}
	.logo_container {text-align: center !important;}
	#et-info a {line-height: 2.5rem; float: none; text-align: center;}
	#et-info {float: none; text-align: center;}
    .et_header_style_left #logo {max-width: 75%;}
    .rf-above-fold .et_pb_slide_content p {width: 90%; max-width: 90%;}
}

@media all and (min-device-width : 768px) {
	.special-button {margin: 0 0 0 2rem;}
}

@media all and (max-device-width : 767px) {
	.et_mobile_menu {background-color: rgba(0, 0, 0, 0.7) !important; }
	.et_pb_fullwidth_slider_0 .et_pb_slide_description p {font-size:16px !important; }
	p.testimonial-quote{font-size: 18px;}
	p.testimonial-person{font-size: 26px;}
	.home-service-section {border-top: 5px solid #fff !important; border-bottom: 5px solid #fff !important;}
	.special-button {clear: both; margin: 1.25rem 0;}
}

@media all and (max-device-width : 480px) {
	.rf-above-fold .et_pb_row .et_pb_column_0 {background-image: url('//www.originalgraphicwraps.com/wp-content/uploads/2019/06/350z-matte-black.jpg'); background-repeat: no-repeat;}
	.menu-row > div:first-child {margin: 0 !important;}
	.logos-row img {max-width: 40%;}
}

/*Trying to fix the header issue of the logo covering up some texts when the screen size drops*/
@media only screen and (max-width: 1500px) {
    #et-top-navigation {
        padding-left: 400px !important;
    }
}

/*Custom styles for the two button layout in the hero*/
.rf-two--button {
 display: flex; 
 justify-content: start;
}
@media only screen and (max-width: 800px) {
.rf-two--button {
    flex-direction: column;
    align-items: start;
}
.rf-two--button a {
    width: 70%;
    margin-left: 0;
    margin-top: 10px;
}
}


.rf-paragraph--large {
font-size: 1.3125rem;
}
.rf-paragraph--large a {
    color: #C1272D;
    font-weight: 600;
}
.footer-widget .et_media_image img {
    max-width: 200px !important;
}