/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */

.content-wrapper {
    margin-bottom: 30px;
}
.center {text-align:center;}

#sidebar {
    padding-top: 30px;
}

.entry-content p {
    text-align: left;
}
.entry-meta {
	font-size: 12px;
}
.code-block-1{padding:0!important;}
@media screen and (min-width: 1024px) {
    .content-wrapper .entry-title {
        font-size: 48px;
        padding: 0;
        font-weight: 900;
        letter-spacing: -.5px;
        line-height: 58px;
        margin-bottom: 8px;
        overflow-wrap: break-word;
    }
    .sub-headline {
        font-size: 24px;
		font-weight:300;
        line-height: 28px;
    }
    .top-leaderboard-container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background: #eff2f5;
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

@media screen and (min-width: 768px) {
    .content-wrapper .entry-title {
        font-size: 36px;
        line-height: 42px;
    }
    .sub-headline {
        font-size: 18px;
        line-height: 24px;
        padding-left: 48px;
        padding-right: 48px;
        text-align: center;
    }
    .wp-block-latest-posts.wp-block-latest-posts__list li {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 6px;
        text-decoration: none;
        text-align: left;
    }
}

@media screen and (max-width: 767px) {
    .sub-headline {
        font-size: 16px;
        line-height: 22px;
        font-weight: 300;
        padding: 0 16px;
        letter-spacing: -.25px;
        overflow-wrap: break-word;
    }
}

@media screen and (min-width: 1024px) {
    .top-leaderboard-container {
        margin-bottom: 12px;
    }
    .leaderboard {
        min-width: 730px;
        min-height: 90px;
        text-align: center;
		padding:0!important;
		margin:0;
		border: 1px solid #000;
    }
	.code-block-1{padding:0!important;}
}

.water-level-gauge {
  width: 120px; /* Adjust the width as needed */
  height: 300px; /* Adjust the height as needed */
  border: 1px solid #ccc;
  border-radius: 6px;
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  background-image: url("https://foxrio2.s3.amazonaws.com/2024/03/yNvc0Cml-gaugebg-jpg.jpg");
  box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
	float:left;
	margin:5px;
}

.water-level {
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: #0099ff;
  text-align: center;
  color: white;
  border-radius: 0 0 5px 5px;
  overflow: hidden; /* Ensures the pseudo-element doesn't go outside the container */



}

.water-level::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 2px; /* The thickness of the water surface line */
  background: #0099ff!important; /* Color of your water surface, match it with the water level */
  animation: bobbing 2s ease-in-out infinite;
}

.water-level span {
  display: block;
  padding: 5px;
}

.water-labels {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.water-labels .full {
  position: absolute;
  top: 0;
}

.water-labels .empty {
  position: absolute;
  bottom: 0;
}

@keyframes bobbing {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px); /* Adjust the pixel value to change the bobbing distance */
  }
}

#footer-widgets .footer-widget li {
    line-height: 1.1em;
}

.thin {
    font-weight: 300;
}
.post-tags ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.post-tags li {
    display: inline-block;
    background-color: #ccc;
    color: white;
    padding: 1px 5px;
	margin: 5px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 3px;
    text-decoration: none;
}
.post-tags li a {
    color: #666;
}
.wob_df {
    -webkit-transition-duration: 200ms, 200ms, 200ms;
    -webkit-transition-property: background-image, border, font-weight;
    display: inline-block;
    height: 95px;
    line-height: 1;
    margin-right: 7px;
    text-align: center;
    width: 75px;
}
.wob_dfc{background-color:#e8e8e8;border-radius:10px;}
.wNE31c {
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
	display:flex;
	margin: 1px 6px;
}
.Z1VzSb {
    line-height: 15px;
    padding-top: 7px;
}
.uW5pk {
    height: 64px;
    margin: 1px 4px 0;
    width: 64px;
}

.DxhUm {
    display: inline-block;
}
.gNCp2e {float:left;}
.rr3bxd {
    cursor: pointer;
    margin-bottom: -1px;
    padding: 0;
    padding-bottom: 1px;
}

.R3Y3ec {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.wpcf7-submit {
    border-width: 0px !important;
    font-weight: 700 !important;
    background-color: #E02B20;
    color: #fff;
    text-shadow: none;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    padding: .5em 3em;
    line-height: 1.7em !important;
    border: 2px solid;
    border-radius: 3px;
    }

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    background-color: #fff;
    border: 1px solid #bbb;
    padding: 10px;
    color: #4e4e4e;
    border-radius: 5px;
    line-height: 1.7em !important;
}
.code-block-1{padding:0!important;margin:0!important;}



/* General form styling */
.wpcf7-form {
    max-width: 600px; /* Adjust width as necessary */
    margin: 0 auto;
    padding: 20px;
    background-color: #fff; /* Background color for the form */
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); /* subtle shadow for 3D effect */
    border-radius: 5px; /* Slightly rounded corners for the form */
}

/* Style for all input fields */
.wpcf7-form-control {
    width: 100%; /* Full width */
    margin-bottom: 15px; /* Space below each input */
    padding: 10px; /* Padding inside inputs */
    border: 1px solid #ccc; /* Border color */
    border-radius: 5px; /* Slightly rounded corners for input fields */
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); /* subtle inset shadow for inputs */
}

/* Label styling */
.wpcf7-form label {
    display: block; /* Make labels block to enforce new line */
    margin-bottom: 5px; /* Space between label and input */
    font-weight: bold; /* Make labels bold */
}

/* Adjustments for checkbox label alignment */
.wpcf7-list-item-label {
    display: block; /* Force labels to take up their own line */
    margin: 5px 0; /* Margin for spacing */
}

/* Styling for the submit button */
.wpcf7-submit {
    background-color: #004080; /* Button color */
    color: #fff; /* Button text color */
    border: none; /* Remove border */
    padding: 10px 20px; /* Padding inside button */
    border-radius: 5px; /* Slightly rounded corners for the button */
    cursor: pointer; /* Cursor to indicate button */
    transition: background-color 0.3s ease; /* Transition for hover effect */
}

/* Hover effect for submit button */
.wpcf7-submit:hover {
    background-color: #0059b3; /* Darker shade on hover */
}

/* Style for the "official rules" checkbox */
input[type="checkbox"] {
    margin-right: 5px; /* Space after the checkbox */
}


@media (max-width: 479px){
.et_pb_post h2 {
    font-size: 28px;
    padding-bottom: 0;
	letter-spacing: -1px;
	}}

.pre-content-alert {
    background-color: red;
    color: white;
    padding: 10px;
    text-align: center;
    white-space: nowrap;
    overflow: auto;
}

.pre-content-alert.breaking-news {
    background-color: red;
}

.pre-content-alert.weather-alert {
    background-color: blue;
}

.pre-content-alert.notice {
    background-color: yellow;
}

.sticky-video-wrapper {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 300px;
    background-color: black;
    padding: 5px;
    box-sizing: border-box;
    z-index: 1000;
    display: none;
}

.sticky-video {
    width: 100%;
    height: auto;
}

.sticky-video-close {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    color: #000;
    cursor: pointer;
    padding: 2px 5px;
    font-size: 14px;
    border: none;
    z-index: 1001;
}

@media screen and (min-width: 768px) {
.wp-block-latest-posts.wp-block-latest-posts__list li {

    line-height: 1.2em;
}
}
.hidden-focus-keyword {
    display: none;
}

.wp-block-video {
    position: relative;
    margin: 0 auto;
    max-width: 100%;
}

.wp-block-video video {
    width: 100%;
    height: auto;
}