/*
Theme Name: Redsea International Horse Festival
Theme URI: https://www.nilovelez.com/blank/
Author: Nilo Velez
Author URI: https://www.nilovelez.com/
Description: This theme was intentionally left blank. There are times when all you need is the WordPress dashboard and an blank frontend. You might be using the WordPress REST API as a backend for a mobile App or you might be a minimalism obsessed hipster. This is your theme.
Version: 3.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: featured-images, custom-background, theme-options, translation-ready
Text Domain: intentionally-blank
Requires at least: 4.6
Tested up to: 6.6
Requires PHP: 7.4
*/

@font-face {
    font-family: 'AraEtabAlMonie';
    src: url('webfonts/AraEtabAlMonie_ee-Bold.woff2') format('woff2'),
        url('webfonts/AraEtabAlMonie_ee-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AraEtabAlMonie';
    src: url('webfonts/AraEtabAlMonieee-Regular.woff2') format('woff2'),
        url('webfonts/AraEtabAlMonieee-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BigVesta Arabic Beta';
    src: url('webfonts/BigVestaArabicBeta.woff2') format('woff2'),
        url('webfonts/BigVestaArabicBeta.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BigVesta Arabic Beta';
    src: url('webfonts/BigVestaArabicBeta-Bold.woff2') format('woff2'),
        url('webfonts/BigVestaArabicBeta-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




.grid {
    display: grid;
    grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
    grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
    gap: var(--bs-gap, 1.5rem)
}

.grid .g-col-1 {
    grid-column: auto/span 1
}

.grid .g-col-6 {
    grid-column: auto/span 6
}

.grid .g-col-12 {
    grid-column: auto/span 12
}

@media (min-width: 576px) {
    .grid .g-col-sm-1 {
        grid-column:auto/span 1
    }

    .grid .g-col-sm-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-sm-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-sm-4 {
        grid-column: auto/span 4
    }
	
	.grid .g-col-sm-6 {
        grid-column: auto/span 6
    }
	
}

@media (min-width: 768px) {
    .grid .g-col-md-1 {
        grid-column:auto/span 1
    }

    .grid .g-col-md-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-md-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-md-4 {
        grid-column: auto/span 4
    }
	
}


@media (min-width: 992px) {
    .grid .g-col-lg-1 {
        grid-column:auto/span 1
    }

    .grid .g-col-lg-2 {
        grid-column: auto/span 2
    }

    .grid .g-col-lg-3 {
        grid-column: auto/span 3
    }

    .grid .g-col-lg-4 {
        grid-column: auto/span 4
    }
	
}

html, body {margin:0; padding:0; font-size: 16px; line-height: 1.7;}
body {background: url(images/page-bgr.svg) no-repeat #1C494C; background-size: 100% auto; background-position: top center;  border-top: solid 20px #2C8879; position: relative; color: #f5ede3;}
.mt-body_pattern {position: absolute; left:-100px; top:-100px; width: 200px; max-width: 25%; pointer-events: none; z-index: -1; }
.mt-wrapper {overflow: hidden;}
html[lang="ar"] {direction: rtl;}
h2 {margin: 0 0 30px;}
h2.mt-ar, .mt-ar h2 {font-size: 40px;}
.mt-logo {width: 300px; margin: 30px auto;}
.mt-logo img, .mt-video_pattern img, .mt-body_pattern img {max-width: 100%; height: auto;}
.mt-body_pattern img {mix-blend-mode: multiply;}
.mt-page_wrap {height: 100vh; display: flex; justify-content: center; align-items: center;}
.mt-video_banner {position:relative;}

.mt-video_pattern {position: absolute; top: 50px; right: -30px; width: 60px;}

.mt-video_banner video {width:100%; max-width:100%; height:auto; aspect-ratio: 16/9; object-fit: cover; object-position: center;}
.mt-video_banner img {max-width: 100%; height: auto; }
#wp-custom-header-video-button {display: none;}
.mt-form_section {padding: 60px 0;}

.mt-toggle_wrap {width: 80px; height: 30px; border: solid 2px #2C8879; border-radius: 40px; position: relative; display: flex; justify-content: space-around; margin: 0 auto 60px; direction: ltr; color: #58B7A5;}
.mt-toggle_btn {width: 40px; height: 22px; border-radius: 30px; background: #58B7A5; position: absolute; left: 2px; top: 2px; transition: all 0.5s ease-in-out 0s;}
html[lang="ar"] .mt-toggle_btn {left: unset; right: 2px;}

html[lang="en-US"] .mt-en_lang {color: #fff; position: relative; z-index: 1;}
html[lang="ar"] .mt-ar_lang {color: #fff; position: relative; z-index: 1;}
.mt-en {font-family: "Montserrat", serif; }
.mt-ar {font-family: 'BigVesta Arabic Beta'; font-size: 18px; direction: rtl; text-align: right; }
label.mt-ar {line-height: 1;}

html[lang="en-US"] .mt-ar {display: none;}
html[lang="ar"] .mt-en {display: none;}

.mt-field_title {color:#403937; font-weight: bold; margin-top: -60px; font-size: 20px;}
.mt-field_title .mt-ar {font-size: 20px;}
.mt-field_title span {background: #2C8879; color:#fff; padding:10px 20px; border-radius: 50px;}
.mt-form_row {background:#f5ede3; padding: 40px; border-radius: 15px; margin-bottom: 60px;}
.mt-field_wrap {margin-bottom: 20px; position: relative;}
.mt-label_wrap {margin-bottom: 0; color: #1C494C; font-weight: 700;}



label.error {color: #2C8879; font-style: italic;}
.mt-field, #loginform input[type="text"], #loginform input[type="password"] {width:100%; height: 60px; border: solid 1px #1C494C; border-radius: 10px; background: #fff; color:#1C494C; padding: 10px 20px;}
.mt-field:focus {border-color:#2C8879; outline: none;}
html[lang="ar"] .mt-field {direction: rtl; text-align: right;}
input[type="radio"] {position: absolute; left: 50%; transform: translateX(-50%); top: 5px; opacity: 0; z-index:1;}
.mt-radio_wrap {background:#fff; color: #1C494C; border-radius: 40px; padding: 20px; position: relative; transition: all 0.5s ease-in-out 0s;}
.mt-radio_wrap:after {content:''; width: 20px; height: 20px; border: solid #1C494C; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); display:none;}
.mt-radio_wrap.disabled {pointer-events: none; opacity: 0.7;}
html[lang="en-US"] .mt-radio_wrap:after {right: 20px;}
html[lang="ar"] .mt-radio_wrap:after {left: 20px;}
input[type="radio"]:checked + .mt-radio_wrap, .mt-radio_wrap:hover {background:#1C494C; color: #fff;}
input[type="radio"]:checked + .mt-radio_wrap:after {border-color: #fff;}
.mt-btn, #wp-submit {border:none; background:#58b7a5; height: 60px; border-radius: 10px; color: #fff; padding: 10px 30px; margin: 0 20px; font-weight: 700;}
.mt-btn:hover, #wp-submit:hover {background:#2c8879; color: #fff;}
#wp-submit {margin-left: 0;}
.mt-btn_back {background: #253030; display: inline-flex; align-items: center; text-decoration: none;}
.mt-btn_back:hover {background: #2c8879; color: #fff;}

#loginform label {display: block; color:#403937;}

#mt-other_field, #_field_3__repeated_field {display: none;}

.mt-section_term {background:#2C8879; padding: 80px 0; position: relative; color: #fff;}
.mt-section_term_:after {content:''; position: absolute; width: 100%; height: 100%; background: url('images/body-pattern-min.png') no-repeat; background-size: cover; top:0; }
.mt-section_term ul {padding: 0; list-style: none;}
.mt-section_term ul li {position: relative; margin-bottom: 5px;}
.mt-section_term ul li:before {content:'\2022'; position: absolute; }

html[lang="en-US"] .mt-section_term ul li {padding-left: 20px;}
html[lang="en-US"] .mt-section_term ul li:before {left: 0; font-size: 200%;  top: -15px;}
html[lang="ar"] .mt-section_term ul li {padding-right: 20px;}
html[lang="ar"] .mt-section_term ul li:before {right: 0; top: 0;}

.mt-register-page {min-height: 100vh;}
.mt-entries {padding: 0 0 80px;}

thead {background:#2c8879; color: #fff;}
table.dataTable {color: #253030;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #d6c9af;
}
table.dataTable tr.child:hover {background: #f5ede3 !important;}
@media (max-width:767px) {
	body {background-size: 200% auto;}
	.mt-logo {width: 200px;}
	.mt-form_row {padding: 40px 25px 25px;}
	.mt-field {height: 40px;}
	.mt-radio_wrap {padding: 10px 20px;}
	.mt-btn {height: 50px;}
	.mt-video_pattern {width: 30px; right: -15px;}
	.mt-body_pattern {left: -40px;}
	.mt-field_title {font-size: 18px;}
}

@media (max-width:480px) {
	.mt-form_row {padding: 40px 20px 25px;}
	.mt-radio_wrap {padding: 10px 12px; text-align: center;}
	.mt-radio_wrap .mt-ar {font-size: 14px;}
	.gap-4 {gap: 1rem !important;}
}