/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Template: oceanwp
Text Domain: oceanwp-child
Author: OceanWP
Author URI: https://oceanwp.org/about-oceanwp/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 1.0.1
Updated: 2025-11-12 04:08:27

*/

body {
/*	background-color: gray !important; */
/*	background-color: rgb(255, 255, 255) !important; */
	background-image: url("https://combatvetsboxing.net/wp-content/uploads/2025/11/istockphoto-508548984-612x612-1.webp") !important; 
	background-repeat: no-repeat !important; 
	background-size: cover !important;
	background-position: center !important; 
} 

.a:hover {
  color: #7a6841 !important; /* Changes the text color to red when hovered */
  text-decoration: underline; /* Adds an underline on hover */
}

.main-image {
float: left;
width: 400px;
margin: 0 1rem 1rem 0;
}

.font {
	font-size: 16px;
}

.donate {
   display: flex; /* Enables Flexbox layout */
  justify-content: center; /* Centers horizontally along the main axis */
  align-items: center; /* Centers vertically along the cross axis */
  /* Optional: Set a height for vertical centering to be visible */
  height: 200px;
	width: 100%;
}

/*
###################################
####### Start Social Styles ####### 
###################################
*/
.social {
	padding: 20px;
  font-size: 20px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 1px 1px;
}

.social:hover {
    opacity: 0.7;
}

.social-icon-facebook {
	background-color: #454B1B;
   /* background-color: #3b5998; */ /* Facebook blue */
   color: white !important;
}

i.fb:hover {
  /* color: #3b5998; !important; */ /* Facebook blue */
   color: blue; !important; 
}

.social-icon-instagram {
	background-color: #7a6841;
   /* background-color: #125688;*/ /* Instagram blue */
   color: white !important;
}

i.insta:hover {
  /* color: #125688 !important; */ /* Instagram blue */
   color: purple !important; 
}

.social-icon-youtube {
	background-color: #550000;
   /* background-color: #bb0000;*/ /* Youtube red */
	color: white !important;
}

i.yt:hover {
  /* color: #bb0000 !important; */ /* Youtube red */
   color: red !important; 
}

.fa:hover {
    opacity: 0.7;
}

.social-fa-facebook {
	color: white !important;
}

.social-fa-instagram {
	color: white !important;
}

.social-fa-youtube {
	color: white !important;
}

.footer-social {
	color: #454B1B;
	text-align: center;
}

/* Style for the Facebook icon only */
.oceanwp-facebook .fa-facebook {
    /* Add your specific styles here */
    color: blue !important; 
    font-size: 20px !important;
}

/* Style for the Instagram icon only */
.oceanwp-instagram .fa-instagram {
    /* Add your specific styles here */
    color: purple !important; 
    font-size: 20px !important;
}

/* Style for the YouTube icon only */
.oceanwp-youtube .fa-youtube {
    /* Add your specific styles here */
    color: maroon !important; 
    font-size: 20px !important;
}

.footer-facebook {
	color: blue !important;
}

.footer-instagram {
	color: purple !important;
}

.footer-youtube {
	color: maroon !important;
}
/*
#################################
####### End Social Styles ####### 
#################################
*/

/*
##################################
####### Start Button Style ####### 
##################################
*/
.btnbold {
    font-weight: bold !important;
    min-width: 25% !important;
}

.btn {
    /* background-color: #007bff; */  /* Example background color */
        color: #ffffff; /* Example text color */
       /* Example padding */
        border-radius: 5px; /* Example rounded corners */
        text-decoration: none; /* Remove underline from link */
        display: inline-block; /* Ensure padding and other styles apply correctly */
	 /* background-color: #04AA6D;
  border: none;
  padding: 1px 2px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;*/
    }

.btn:hover {
     background-color: #0056b3; /* Example hover background color */
    }

.tbtn {	
    /*    position: relative;
          width: 100%; */
	font-weight: bold !important;
  min-width: 15% !important;
	text-decoration: none !important; /* Remove underline from link */
        display: inline-block; /* Ensure padding and other styles apply correctly */
    background: linear-gradient(277deg, rgba(204,85,0, 0.1) 0%, rgba(255,255,255, 0.02) 50%, rgba(204,85,0, 0.02) 50%,
    rgba(204,85,0, 0.2) 100%), linear-gradient(295deg, rgba(255,255,255, 0.3) 0%, rgba(204,85,0, 0.1) 50%,
    rgba(255,255,255, 0.1) 50%, rgba(204,85,0, 0.03) 100%), linear-gradient(145deg, rgba(255,255,255, 0.1) 0%,
    rgba(204,85,0, 0.1) 50%, rgba(255,255,255, 0.1) 50%, rgba(204,85,0, 0.1) 100%), linear-gradient(54deg,
    rgba(255,255,255, 0.3) 0%, rgba(204,85,0, 0.1) 50%, rgba(255,255,255, 0.2) 50%, rgba(204,85,0, 0.03) 100%),
    linear-gradient(170deg, rgba(255,255,255, 0.02) 0%, rgba(204,85,0, 0.02) 50%, rgba(255,255,255, 0.02) 50%,
    rgba(204,85,0, 0.02) 100%), linear-gradient(264deg, rgba(255,255,255, 0.01) 0%, rgba(204,85,0, 0.01) 50%,
    rgba(255,255,255, 0.01) 50%, rgba(204,85,0, 0.01) 100%), linear-gradient(90deg, rgba(255,255,255,0.0),
    rgba(204,85,0,0.0)) !important;
    padding: -5px -3px;
    border: 1px solid #C7622B;
    font-size: 15px;
    border-radius: 25px 7px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    transition: all 0.7s ease;
}

.tbtn:after {
    /*  position: absolute; */
    top: 20%;
	left: 50% !important;
    background: linear-gradient(45deg, #7a6841, #7a6841, #7a6841) !important;
    content: "";
    transform: translate(-50%) !important;
    border-radius: 25px 7px !important;
    filter: blur(20px) !important;
    z-index: -1 !important;
   
 left: 50%;
    background: linear-gradient(45deg, #C7622B, #C7622B, #C7622B) !important;
    /*  width: 150px; */
    /*    height: 30px; */
    content: "";
    transform: translate(-50%);
    border-radius: 25px 7px;
    filter: blur(20px);
    z-index: -1;
}

.tbtn:hover {
    border-radius: 7px 25px;
    background: linear-gradient(45deg, 	#C7622B 0%, #ffffff 6%, #C7622B 6%, #ffffff 25%, #C7622B 25%, #ffffff 40%,
    #C7622B 40%, #ffffff 45%, #C7622B 45%, #ffffff 53%, #C7622B 53%, #ffffff 66%, #C7622B 66%, #ffffff 100%) !important;
    letter-spacing: 0.2em;
    border: 1px solid #C7622B !important;
}

.submit-btn:after {
    top: 20% !important;
    left: 50% !important;
    background: linear-gradient(45deg, #7a6841, #7a6841, #7a6841) !important;
    content: "";
    transform: translate(-50%) !important;
    border-radius: 25px 7px !important;
    filter: blur(20px) !important;
    z-index: -1 !important;
}

.btn-submit {
     padding: 10px 10px !important;
    border: 1px solid #550000 !important;
    background-color: #454B1B !important;
    font-size: 15px !important;
    border-radius: 25px 7px;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    transition: all 0.7s ease !important;
    /*width: 135px !important;
    height: 35px !important;*/
}

.btn-submit:hover {
    border-radius: 7px 25px !important;
    background: linear-gradient(45deg, #454B1B, #7a6841, #454B1B) !important;
    color: rgb(255, 255, 255) !important;
    letter-spacing: 0.2em !important;
    border: 1px solid #C7622B !important;
}
/*
################################
####### End Button Style ####### 
################################
*/

.thumper {
  max-width: 100% !important;
  min-height: 822px !important;
  background-image: url('https://combatvetsboxing.net/wp-content/uploads/2025/11/background-slg.jpg') !important;
 background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
   /* background-size: contain; */ 
}

.background {
	justify-content: center;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.contain {
  display: flex; /* Makes the container a flex container */
/*  justify-content: space-around; */
	/* Distributes items evenly with space around them */
  /* Other properties like align-items, gap, etc., can be added for further control */
}

.inline-div {
  display: inline-block;
  /*width: 100px;*/ 
  /*height: 50px;*/ 
	 margin: 5px; 
}

.item {
  /* Styling for the inner divs */
  padding: 10px;
  margin: 5px;
}

/*
#################################
####### Start Form Inputs ####### 
#################################
*/
input {
    /*overflow: hidden !important; */
    /* background: black !important; */
    background: rgba(122, 104, 65, 0.4) !important;
    color: black !important;
    /* background-color: rgba(69, 75, 27,0.30); */
    border: none !important;
    /*  min-width:500px !important;
      width: 0% !important; */
    height:50px !important;
}

input:focus {
    /*  border: thin solid blue !important; */
    /* border-bottom: solid medium blue !important; */
    border-bottom: solid rgb(69, 75, 27) !important;
    outline: none !important;
    background-color:transparent !important;
    border-left: none !important;
    border-right: none !important;
    border-color: rgb(69, 75, 27) !important;
    box-shadow: inset 0 1px 1px rgba(69, 75, 27,0.075), 0 0 8px rgba(69, 75, 27, 0.6) !important;
}

select {
	    /*overflow: hidden !important; */
    /* background: black !important; */
    background: rgba(122, 104, 65, 0.4) !important;
    color: black !important;
    /* background-color: rgba(69, 75, 27,0.30); */
    border: none !important;
    /*  min-width:500px !important;
      width: 0% !important; */
    height:50px !important;
}

select:focus {
    /*  border: thin solid blue !important; */
    /* border-bottom: solid medium blue !important; */
    border-bottom: solid rgb(69, 75, 27) !important;
    outline: none !important;
    background-color:transparent !important;
    border-left: none !important;
    border-right: none !important;
    border-color: rgb(69, 75, 27) !important;
    box-shadow: inset 0 1px 1px rgba(69, 75, 27,0.075), 0 0 8px rgba(69, 75, 27, 0.6) !important;
}

textarea {
	  /* overflow: hidden !important; */
    /* background: black !important; */
    background: rgba(122, 104, 65, 0.4) !important;
    color: black !important;
    /* background-color: rgba(69, 75, 27,0.30); */
    border: none !important;
 /*	border: transparent !important; */
    /* min-width:500px !important;
      width: 0% !important; */
    height:75px !important;
}

textarea:focus {
    /*  border: thin solid blue !important; */
    /* border-bottom: solid medium blue !important; */
    border-bottom: solid rgb(69, 75, 27) !important;
    outline: none !important;
    background-color:transparent !important;
    border-left: none !important;
    border-right: none !important;
    border-color: rgb(69, 75, 27) !important;
    box-shadow: inset 0 1px 1px rgba(69, 75, 27,0.075), 0 0 8px rgba(69, 75, 27, 0.6) !important;
}

.frm_form_title {
	text-align: center !important;
	color: #454B1B !important;
	margin-bottom: -1px !important;
}

.label {
    color: white !important;
    /*color: #999;*/
    position: relative !important;
    pointer-events: none !important;
    left: 5px !important;
    top: 25px !important;
    transform: translateY(.15em) scale(1.00) !important;
    transition: 0.3s ease all !important;
    /*transition: opacity .1s ease-in-out,transform .1s ease-in-out !important;*/
}

.reason {
    color: white !important;
    /*color: #999;*/
    position: relative !important;
    pointer-events: none !important;
}

.frm_form_field:focus-within label.frm_primary_label {
    /* Apply your desired styles here when the input is focused */
    /*color: blue;*/ /* Example: Change label color to blue */
    font-weight: bold; /* Example: Make label bold */
    /* You can add other CSS properties like font-size, text-shadow, etc. */
	top: -1px !important;
  left: 8px !important;
  font-size: 15px !important;
  color: #454B1B !important;
  background-color: transparent !important;
  padding: 0 5px 0 5px !important;
}

/* Target the label when the input is valid or has text */
.frm_form_field:has(input[type="text"]:valid) label.frm_primary_label, .frm_form_field:has(input[type="tel"]:valid:not(:placeholder-shown)) label.frm_primary_label, .frm_form_field:has(input[type="email"]:valid) label.frm_primary_label, .frm_form_field:has(select:valid) label.frm_primary_label, .frm_form_field:has(textarea:valid) label.frm_primary_label {
	/*border: 3px solid blue;*/
	font-weight: bold !important;
	top: -1px !important;
  left: 8px !important;
  font-size: 15px !important;
  color: #454B1B !important;
  background-color: transparent !important;
  padding: 0 5px 0 5px !important;
}

.label-sup {
    display: flex !important;
}

/* Style for the error message text under a field */
.frm_error {
    color: #ff0000 !important; /* Forces the text color to red */
}

/* Style for the main error box at the top of the form (if visible) */
.frm_error_style {
    color: #ff0000 !important;
    border-color: #ff0000 !important; /* Adds a red border to the error box */
}

/* Style for the input field border when it has an error */
.frm_form_field.frm_error_field input,
.frm_form_field.frm_error_field select,
.frm_form_field.frm_error_field textarea {
    border-color: #ff0000 !important;
}
/*
###############################
####### End Form Inputs ####### 
###############################
*/

.mask-custom {
	-webkit-backdrop-filter: blur(15px) !important;
    backdrop-filter: blur(15px) !important;
    background-color: rgba(255,255,255,0.1) !important;
    border-radius: 1em !important; 
    border: 2px solid rgba(255,255,255,.1) !important;
    background-clip: padding-box !important;
    box-shadow: 10px 10px 10px rgba(46, 54, 68, 0.03) !important;
}

blockquote {
	color: #7a6841 !important;
	border-left: 4px solid #7a6841 !important;
}

/*
#################################
####### Start Text Colors ####### 
#################################
*/
.black {
	color: black !important;
}

.od {
	color: #454B1B;
}
/*
###############################
####### End Text Colors ####### 
###############################
*/

.neonShadow{
    /* background-color:rgba(156, 161, 160,0.3); */
    animation: glow 1s infinite !important;
    transition:0.5s !important;
}

.youtubeShadow{
    /* background-color:rgba(156, 161, 160,0.3); */
    animation: glow 1s infinite !important;
    transition:0.5s !important;
	border-radius: 2.4em !important;
}

@keyframes glow{
    0%{
        box-shadow: 5px 5px 20px rgb(135, 115, 72),-5px -5px 20px rgb(135, 115, 72);
    }

    50%{
        box-shadow: 5px 5px 20px rgb(69, 75, 27),-5px -5px 20px rgb(69, 75, 27)
    }

    100%{
        box-shadow: 5px 5px 20px rgb(135, 115, 72),-5px -5px 20px rgb(135, 115, 72)
    }
}

.page-header {
        display: none !important;
    }

h1 {
	color: #454B1B !important;
}

.irlen-border-top {
    border-top: 1px solid #966fd6 !important;
    margin-top: 15px !important;
    margin-bottom: -10px !important;
}

.ut-border-top {
    border-top: 1px solid #C7622B !important;
    margin-top: 15px !important;
    margin-bottom: -10px !important;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.podcast-header {
	color: #454B1B;
	font-size: 45px;
}

.intro-div { 
  text-align: center;
}

.intro-youtube {
	text-align: center;
	color: #454B1B;
	font-size: 45px;
}

.intro { 
	color: #454B1B;
	font-size: 75px;
}

.about-intro {
	color: #454B1B;
	font-size: 35px;
}

.footer-intro {
	color: #454B1B;
}

.address-section {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
}

.bold {
  font-weight: bold !important;
	color: #454B1B;
}

.address-div {  
    text-align: center;
}

.head-div {
    display: inline-flex;
    /* max-width: 100% !important; */
    gap: 5px !important;    
}

.oceanwp-mobile-menu-icon a:first-child { 
	font-size: 50px !important;
}
	
.main-navigation ul li a { 
	font-size: 18px !important;
}

.ut {
    color: #454B1B !important;
}

.address-name:hover {
    color: #2E5984 !important;
}

.mt {
    margin-top: 5px !important;
    font-size: 18px !important;
    color: #2E5984  !important;
}


.youtube {
  background-color: rgba(255,255,255,0.1) !important;
  width: auto;
  border: 1px solid #454B1B;
	border-radius: 1em !important;
  padding: 50px;
  margin: 20px;
}

.inline {
	 display: inline;
  padding: 5px;
  border: 2px solid red; 
}


/* Responsive image gallery rules begin*/

.image-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

.image-gallery > li {
    flex-basis: 350px;
    width: 350px;
    position: relative;
    cursor: pointer;
}

.image-gallery::after {
    content: "";
    flex-basis: 350px;
}

.image-gallery > ul{
	list-style-type: none;
}

.image-gallery li img {
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border-radius: 5px;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(57, 57, 57, 0.502);
    top: 0;
    left: 0;
    transform: scale(1);
    transition: all 0.2s 0.1s ease-in-out;
    color: #fff;
    border-radius: 5px;
    /* center overlay text */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* hover */

.image-gallery li:hover .overlay {
    transform: scale(0);
}

#footer-widgets .container {
    width: 100%;
    max-width: 100%;
    padding: 0; /* Optional: remove any default padding */
}

#footer-bottom .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}