/*
 Theme Name:   Media 24x7
 Author:       Sevn Studio
 Template:     twentytwentyfive
*/

@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-Regular.woff2') format('woff2');
  font-weight: normal;  /* or 400 */
  font-style: normal;
  font-display: swap;
}

/* Bold font */
@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-Bold.woff2') format('woff2');
  font-weight: bold;  /* or 700 */
  font-style: normal;
  font-display: swap;
}
body {
  font-family: 'Satoshi', sans-serif;
	
}
.recaptcha-goole .wpcf7-not-valid-tip {
    padding-top: 22px;
}
iframe {
    margin: 0;
    border: none;
}
.wp-block-uagb-container.media-header{
    position: absolute !important;
    top: 20px;
    left: 0;
    z-index: 99;
    right: 0;
    width: 100%;
}
.padding-r-to-l{
    padding-left: 62px !important;
	padding-right:62px !important;
}

 .typing-text {
    font-weight: 900; 
    font-style: Black; 
    font-size: 70px; 
    line-height: 0.8; 
    text-align: center; 
    text-transform: uppercase;
    color: #EB2127;
  }

  .typing {
    display: inline-block;
    position: relative;
    padding-right: 10px; /* gap between text and cursor */
    vertical-align: bottom;
  }

  .typing::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 5px; /* cursor width */
    height: 100%; /* match text height */
    background-color: #EB2127;
    animation: blink 0.7s steps(1) infinite;
  }

  @keyframes blink {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0; }
  }
.red{
color:#EB2127;
}

.hide-top-menu {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.8s ease-in-out;
}

.hide-top-menu.active {
  display: block;
  opacity: 1;
  visibility: visible;
}
.wp-block-uagb-container.hide-top-menu.uagb-block-9a1df0c0.active {
    position: fixed;
    right: 0;
    height: 100vh;
    width: 100% !important;
    top: 0;
    overflow: auto;
}
.media24-full-img img {
    width: 100% !important;
}


.header-nav a:hover {
  color: red !important;
}

.header-nav .wp-block-navigation a:not(.wp-element-button):hover {
    text-decoration: none;
}
:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
    border-color: #ffffff;
    color: var(--wp--preset--color--base);
}
:where(.wp-site-blocks *:focus) {
    outline-style: none !important;

}
/* Custom slider styles - preserve */
.media24-logo-slider {
  margin: 65px auto;
  max-width: 100%;
  display: flex; 
  gap: 20px;
}
.media24-logo-slider .slide-item {
    padding: 32px 90px; 
    border: 1px solid #181A1C1C;
    margin-right: 20px; 
}

.media24-logo-slider .slick-slide:last-child {
    margin-right: 0;
}

.media24-logo-slider .slide-item {
  padding: 32px 90px; 
  border: 1px solid #181A1C1C;
  text-align: center; 
}
.media24-logo-slider .slide-item {
    padding: 32px 90px;
    border: 1px solid #181A1C1C;
    margin-right: 20px; 
    display: flex!important;   
    justify-content: center; 
    align-items: center;      
}
.media24-logo-slider img {
  width: 57px; 
  height: 29px;
  object-fit: scale-down;
  border-radius: 8px;
}


.slider-wrapper {
    max-width: 1190px;
    margin: 0px auto;
    position: relative;
    padding-bottom: 50px;
}

.testimonial-card {
	padding: 30px 20px; 
	box-sizing: border-box;
	text-align: left;
	height: auto; 
}

.testimonial-card .quote {
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
    vertical-align: middle;
    color: #222222;
}

.author-info {
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.author-photo {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 15px;
	object-fit: cover;
}

 .author-title {
    display: block;
    color: #A2A2A2;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    vertical-align: middle;
}

.author-name {
    display: block;
    color: #222222;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 0;
    vertical-align: middle;
    text-transform: uppercase;
}


 .slick-prev:before, .slick-next:before {
	 content: none !important;
}



/* Starting from the main container class: .media24-home */

.media24-home .custom-form-container {
    padding: 30px;
    background: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    max-width: 100%;
    margin: 30px auto;
    border-top: 12px solid #EB2127;
}

.media24-home .form-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 22px;
}

.media24-home .form-group {
    flex: 1; 
    margin-right: 20px; 
    position: relative; /* For icon positioning */
}

.media24-home .form-group:last-child {
    margin-right: 0; 
}

/* Full Width Row (Message) */
.media24-home .form-row.full-width .form-group {
    flex: 1 1 100%; 
    margin-right: 0;
}

.media24-home label {
    display: block;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: 0;
    vertical-align: middle;
    margin-bottom: 16px;
    color: #170F49;
}

.media24-home .wpcf7-form-control:not(.wpcf7-submit) {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #F1F2F9;
    border-radius: 16px;
    box-sizing: border-box;
    background-color: #ffffff;
    height: 62px;
    display: block;
    font-family: 'Satoshi', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: 0;
    vertical-align: middle;
    color: #514F6E;
    margin-bottom: 5px;

}
.media24-home textarea.wpcf7-textarea {
    height: auto;
    min-height: 176px;
    resize: none;
}

.media24-home .icon-span {
    position: absolute;
    right: 15px;
    top: 37px;
    transform: translateY(18px);
    color: #888;
    pointer-events: none;
}

.media24-home select.wpcf7-select {
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    background-image: url('https://sevnstudio.com/media24/wp-content/uploads/2025/10/Symbol.svg');
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 30px; 
}

.media24-home .submit-row {
    text-align: center;
    margin-top: 40px;
}
.media24-home input[type="submit"], .media24-home .wpcf7-submit {
    background-color: #EB2127;
    color: white;
    padding: 12px 48px;
    border: none;
    font-family: 'Satoshi', sans-serif !important;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 28.8px;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
}
.media24-home .wpcf7-form-control:not(.wpcf7-submit):focus {
    box-shadow: 0 0 0 1px #000;
    outline: none;
}

.media24-home textarea.wpcf7-textarea:focus {
 box-shadow: 0 0 0 1px #000;
}
.media24-home .form-group p {
    padding: 0px;
    margin: 0px;
}
.media24-home .form-group br {
    display: none;
}

:where(.wp-site-blocks) > * {
    margin-block-start: 0;
    margin-block-end: 0;
}
.footer-style :not(.wp-element-button) {
  color: currentColor;
  text-decoration: none;
}
.footer-v-line{
    width: 1px !important;
    height: 25px !important;
}

.img-border-t-r {
  position: relative;
  display: inline-block;
}
.img-border-t-r::before {
    content: "";
    position: absolute;
    top: -25px;
    right: 0px;
    width: 89%;
    height: 25px;
    background-color: #EAEAEA;
   border-radius: 0px 6px 0px 0px;
}
.img-border-t-r::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 25px;
    height: 100%;
    background-color: #EAEAEA;
    /* border-radius: 0px 60px 0px 0px; */
}
.img-border-t-r:hover::before,.img-border-t-r:hover::after  {
  background-color: #EB2127;
}
.img-full-w img{
    object-fit: unset;
    width: 100% !important;
    height: auto!important;
}
.media-kit-form-input-box br {
    display: none;
}
.media-kit-form-wrapper p {
    margin: 0px;
}
.media-kit-form-wrapper {
  background: #fff;
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0px 4px 20px rgba(0,0,0,0.08);
  margin: 0 auto;
 border-top: 12px solid #EB2127;
}
.media-kit-form-wrapper span.icon-span img {
    position: absolute;
    right: 17px;
    top: 30px;
}
.media-kit-form-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.media-kit-form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.media-kit-form-group.full-width {
  width: 100%;
}

.media-kit-form-group label {
 display: block;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: 0;
    vertical-align: middle;
    margin-bottom: 6px;
    color: #170F49;
}

/* Input box with inline SVG on right */
.media-kit-form-input-box {
    position: relative;
    align-items: center;
    padding: 10px 0px;
}
.media-kit-form-input {
  width: 100%;
    padding: 10px 15px;
    border: 1px solid #F1F2F9;
    border-radius: 16px;
    box-sizing: border-box;
    background-color: #ffffff;
    height: 62px;
    display: block;
    font-family: 'Satoshi', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: 0;
    vertical-align: middle;
    color: #514F6E;
    margin-bottom: 5px;
}

.media-kit-form-input:focus {
box-shadow: 0 0 0 1px #000;
    outline: none;
}
.media-kit-form-textarea {
    width: 100%;
    border: 1px solid #ece8ef;
    border-radius: 12px;
    padding: 12px 16px;
    font-size: 15px;
    color: #333;
    height: 139px;
    resize: none;
    transition: all 0.25s ease;
    box-sizing: border-box;
    margin: 13px 0px 0px 0px;
}

.media-kit-form-textarea:focus {
      box-shadow: 0 0 0 1px #000;
    outline: none;
}
.dubble-cote img {
    filter: invert(1);
}


/* Submit button */
.media-kit-form-submit {
  text-align: center;
  margin-top: 24px;
}

.media-kit-form-btn {
    background-color: #EB2127;
    color: white;
    padding: 12px 48px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-family: 'Satoshi', sans-serif !important;
    transition: background-color 0.3s 
ease;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 28.8px;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
}

.bg-color-after{
	position: relative;
    z-index: 1;
}
.bg-color-after:after {
    height: 88.4%;
    width: 29vw;
    right: 0;
    top: 77px;
    content: "";
    position: absolute;
    z-index: -1;
    background-color: #E41313;
}

.red-shape{
	position: relative;
    z-index: 1;
}
/*.red-shape:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60vw;
    height: 60%;
    background: url("https://sevnstudio.com/media24/wp-content/uploads/2025/10/Rectangle-230.svg") no-repeat center / cover;
    z-index: -1;
}*/
.list-actra-style {
    padding: 0px;
    margin: 0px;
    padding-left: 19px;
	    display: grid;
    gap: 20px;
}
.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background: transparent;
    color: #eb2127;
    border: 1px solid #eb2127;
}
.wpcf7-form-control.wpcf7-submit.has-spinner {
    border: 1px solid #eb2127;
}

.btn-h-color a:hover {
    background: #eb2127;
    border: 1px solid #eb2127;
    border-radius: 6px;
   border-color: #eb2127 !important;
}

.btn-hover-c a:hover {
    background: transparent !important;
    color: #eb2127;
}

.btn-h-r a.uagb-buttons-repeater.wp-block-button__link:hover {
  background: transparent !important;
	   border: 1px solid red !important;
}

.btn-h-r a:hover div {
    color: red !important;
}

.custom-form-container {
    opacity: 90%;
}
.wpcf7-form-control.wpcf7-submit.has-spinner {
    margin-left: 45px;
}

.wp-block-navigation__submenu-container.has-text-color.has-contrast-color.has-background.has-base-background-color.wp-block-navigation-submenu {
    padding-top: 14px;
    padding-bottom: 10px;
	 border-radius: 8px;
}
.wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle svg {
    height: 20px;
    width: 15px;
    padding-left: 4px;
    margin-top: -4px;
}
.wp-block-navigation__submenu-container.has-text-color.has-contrast-color.has-background.has-base-background-color.wp-block-navigation-submenu li {
    margin: 0px;
}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu li a span {
    color: #000;
}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu li {
    border-radius: 9px;
}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
      padding-top: 14px;
    padding-bottom: 10px;
	 border-radius: 8px;
}


.page-id-23.logged-in.admin-bar .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    color: #fff;
}
.red-shape figure {
    position: relative;
    width: 100%;
    min-height: 481px;
}
.uagb-block-62b84798.wp-block-uagb-image .wp-block-uagb-image__figure img {
    position: relative !important;
    right: 15px !important;
}
.red-shape .slideshow-img {
    position: absolute;
    top: -0px;
    left: -20px;
    width: 100%;
    opacity: 0;
    transition: opacity 1.8s ease-in-out;
}

.red-shape .slideshow-img.active {
  opacity: 1;
}
.red-shape img {
    width: 750px;
    height: 385px;
    object-fit: contain;
}
 .recaptcha-goole span.wpcf7-form-control.wpcf7-recaptcha.g-recaptcha {
    border: none;
}

@media (min-width: 1401px) and (max-width: 1600px) {
.red-shape:after {
    width: 55vw;
    height: 55%;
    background: url("https://sevnstudio.com/media24/wp-content/uploads/2025/10/Rectangle-230.svg");
    z-index: -1;
}	
.red-shape .slideshow-img {
	top: 22px !important;
}	
}

@media (min-width: 1201px) and (max-width: 1400px) {
.padding-r-to-l {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.wp-block-uagb-container.header-navigation li.wp-block-navigation-item.wp-block-navigation-link {
    font-size: 14px !important;
}
.wp-block-uagb-container.header-right {
    gap: 13px;
}
.red-shape:after {
    width: 59vw;
    height: 71%;
}
}
@media (min-width: 977px) and (max-width: 1200px) {

.padding-r-to-l {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.wp-block-uagb-container.header-navigation li.wp-block-navigation-item.wp-block-navigation-link {
    font-size: 13px !important;
}
.wp-block-uagb-container.header-right {
    gap: 13px;
}
.wp-block-uagb-container.header-navigation ul.wp-block-navigation__container {
    gap: 13px;
}
.wp-block-uagb-container.header-right a.wp-block-button__link.wp-element-button {
    padding: 13px 15px;
}
.wp-block-uagb-container.mobile-headerbar, .wp-block-uagb-container.mobile-headermenu {
    display: none;
}
}
@media (max-width: 1024px) {
    .padding-r-to-l {
       padding-left: 15px !important;
		padding-right:15px !important;
    }

 .typing-text {
    font-size: 50px;
}
.font-17 h2{
   font-size: 17px !important;
}
}
@media (max-width: 976px)
{
.wp-block-uagb-container.mobile-headerbar {
    display: flex;
} 
.wp-block-uagb-container.mobile-headermenu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    overflow: auto;
    display: block;
    transition: .3s all ease;
    transform: translate(0px, -100%);
}
body.menuopen .wp-block-uagb-container.mobile-headermenu {
    transform: translate(0px, 000%);
}
	.uagb-block-62b84798.wp-block-uagb-image .wp-block-uagb-image__figure img {
    width: 706px !important;
    height: 279px !important;
}
.red-shape figure {
    position: relative;
    width: 100%;
    min-height: 314px !important;
}	
	
}
@media (max-width: 768px) {
.btn-hover-c a{
    padding-top: 13px !important;
}
	.slider-wrapper {
		padding-bottom: 40px;
	}
	.typing-text {
    font-size: 30px !important;
}
	.testimonial-card {
    padding: 0px 0px;
}
	.testimonial-card .quote {
    font-size: 16px;
}
	.media24-home .custom-form-container {
    padding: 30px 15px;
}
	.media24-home textarea.wpcf7-textarea {
    min-height: 118px;
}
	
	.bg-color-after:after {
       background-color: #e4131300;
}
  .media-kit-form-row { flex-direction: column; }
	.media-kit-form-textarea {
    height: 103px;
}
	.media-kit-form-wrapper {
    padding: 15px;
}
	.media-kit-form-btn {

    padding: 9px 29px;
    font-size: 14px;
}
.list-actra-style {
    display: grid;
    gap: 10px !important;
}	
.wp-block-buttons>.wp-block-button.custom-tabs-btn a.wp-element-button {
    padding: 9px 13px;
}
.uagb-block-62b84798.wp-block-uagb-image .wp-block-uagb-image__figure img {
    /* width: 335px !important; */
    height: 198px !important;
    object-fit: contain !important;
}
.red-shape figure {
    position: relative;
    width: 100%;
    min-height: 218px !important;
}
.red-shape .slideshow-img {
    left: -6px !important;
}	
.full-width-img  .wp-block-uagb-image__figure {
    height: auto !important;
}	
}
@media (max-width: 600px) {
    .media24-home .form-row {
        flex-direction: column;
    }

    .media24-home .form-group {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .media24-home .form-group:last-child {
        margin-bottom: 0;
    }

}
@media (max-width: 390px) {
		.campaign-item {
    padding-right: 15px;
}
}

/*campaigns post css*/
div#campaign-posts {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 60px 29px;
}
.campaign-thumb img {
    border-radius: 6px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
h3.campaign-title {
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
    vertical-align: middle;
    text-transform: uppercase;
    color: #222222;
}
div#campaign-posts a {
    text-decoration: none;
}
.campaign-excerpt {
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 28.8px;
    letter-spacing: 0;
    vertical-align: middle;
    color: #676868;
}
.campaign-readmore a {
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    padding: 10px 18px;
    background: #EB2127;
    border-radius: 6px;
    display: inline-block;
    border: 2px solid #EB2127;
    margin-top: 30px;
}
.campaign-thumb {
    height: 300px;
    width: 100%;
    background: #f7f7f7;
    border-radius: 6px;
}
.single-campaign-banner{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.single-campaign-left h1 {
    font-weight: 900;
    font-size: 70px;
    line-height: 1;
    text-transform: uppercase;
    margin: 4px 0 15px;
    color: #FFFFFF;
}
.campaign-peragraph {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    line-height: 28.8px;
}
.single-campaign-image {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    padding: 120px 0px 150px;
}
.single-campaign-left {
    width: 50%;
    padding: 30px 30px 30px 0;
}
.single-campaign-right {
    width: 50%;
}
img.campaign-featured-image.wp-post-image {
    border-radius: 6px;
    display: block;
    max-width: 100%;
    height: 429px;
    width: 751px;
    object-fit: cover;
}
body.wp-singular.campaign-template-default.single.single-campaign .single-location-features {
    display: flex;
    box-shadow: 0px 4px 44px 0px #B4ADCC40;
    background: #FFFFFF;
    z-index: 1;
    padding: 20px 40px;
    border-radius: 6px;
    margin-top: -52px;
    justify-content: space-evenly;
    text-align: center;
}
body.wp-singular.page-template.page-template-page-no-title.page.page-id-746.wp-custom-logo.wp-embed-responsive.wp-theme-twentytwentyfive.wp-child-theme-media24 .custom-form-container {
    opacity: 100% !important;
}
.main-icon-box figure.wp-block-uagb-image__figure {
    width: 60px !important;
}
.location-image img.location-featured-image {
    width: 100%;
} 
.full-width-img  .uagb-block-4f15f799.wp-block-uagb-image .wp-block-uagb-image__figure img , .full-width-img  .uagb-block-35ba743d.wp-block-uagb-image .wp-block-uagb-image__figure img{
    object-fit: fill;
    width: 100%;
    height: auto;
}
.full-width-img  .wp-block-uagb-image__figure {
    height: 483px;
}