.navbar1-component.top-menu {
    padding-left: 2%;
	padding-right: 3%;
}

.navbar1-component .main-menu-links {
	line-height: 60px;
	padding-right: 5%;
	padding-right: 1%;
    width: 70%;
	padding-left: 0;
	/* float: right; */
}

.navbar1-component .main-menu-social {
	line-height: 75px;
    padding-left: 6%;
    width: 30%;
	/* padding-right: 3px; */
}

.embassies-map {
    position: relative;
    
    .embassies-tag {
        position: absolute;
        color: #e6dbc8;
        top: 50px;z-index: 100;
        font-size: 12px;
        left: 33px;
        background-color: #551d1dba;
        font-weight: bold;
    }
    
    .embassies-map-icone {
        width: 130px;
        position: relative;
    }
}

.main-menu-social .elementor-grid-item {
	margin-right: 20px;
	font-size: 18px;
}

.main-menu-links li.nav-item {
    padding-left: 0;
    margin-left: 12px;
    margin-right: 12px;
}

.main-menu-links .nav-item a {
    color: white;
}

.main-menu-links .nav-item a:hover {
    color: #c6bcf7;
}

#header .registration-link {
    border: 1px none var(--blue-400);
    background-color: var(--blue-400);
    color: var(--white);
    text-align: center;
    border-radius: 90px;
    padding: 1rem 1.5rem;
    transition: all .45s;
    line-height: 20px;
    margin: 8px;
    /* margin-left: 200px; */
    background-color: #a6001f;
    margin-left: 30px;
}

#header .registration-link:hover {
	/*background-color: var(--blue-500);
	border-style: none;
	border-color: rgba(0, 0, 0, 0);
    background-color: white !important;*/
}

#header .main-menu-links .nav-item.registration-link a:hover {
    color: #e6c1c1;
}

#block-mycustom-theme-page-title 
{
    .subtitle {
        margin-bottom: 70px;
        display: block;
        opacity: 0.8;
    }
    h1 {
        color: white;
        font-size: 60px;
        background-image: url('https://cdn.prod.website-files.com/63caad0651b43064e9d10e1c/63e0f3da107b4a040f5ae4ee_gradient_2_sml.svg');
        background-repeat: no-repeat;
        background-size: 200px 200px;
        background-position: 0px 0px;
        /* background-position: center center; */
        background-repeat: no-repeat;
        /* width: 200px; 
        height: 200px;*/
        position: relative;
        /* padding-top: 35px; */
        height: auto;
    }
}


ul.clearfix.nav {
   /* width: 96%;
    margin-left: auto;
    margin-right: auto;*/
    float: right;
}

.navbar1-component.bg-dark {
	background-color: rgb(27, 28, 28) !important;
}

.navbar1-component.w-nav {
	background-color: #080808;
}

.navbar1-logo-link.w-nav-brand img {
	width: 100px;
}

/* To allow the embassies modal to display, otherwise it passes behind a mask */
#navbar-top {
	position: inherit;
}

.site-slogan {
	/* float: left; */
	color: #ddd8d8;
	font-size: 12px;
	/* margin-left: 94px; */
	/* position: absolute; */
	top: 45px;
	position: absolute;
	width: 108%;
	left: 116px;
}

.site-name {
	font-size: 30px;
	color: white;
	margin-left: 12px;
}

/* The countdown */
.clock-container {

     /* margin-top: 40px; */
    /* margin-bottom: 30px; */
    background-color: #080808;
    /* border-radius: 5px; */
    /* padding: 60px 20px; */
    /* box-shadow: 1px 1px 5px rgba(255, 255, 255, 0.15), 0 15px 90px 30px rgba(0, 0, 0, 0.25); */
    display: flex;
    /* padding: 14px; */
    height: 46px;

    .clock-day:before {
        content: var(--timer-day);
    }
    .clock-hours:before {
        content: var(--timer-hours);
    }
    .clock-minutes:before {
        content: var(--timer-minutes);
    }
    .clock-seconds:before {
        content: var(--timer-seconds);
    }
    .clock-col {
        text-align: center;
        margin-right: 10px;
        margin-left: 10px;
        /* min-width: 90px; */
        position: relative;
        width: 50px;
    }
    .clock-col:not(:last-child):before, .clock-col:not(:last-child):after {
        content: "";
        background-color: rgba(255, 255, 255, 0.3);
        height: 5px;
        width: 5px;
        border-radius: 50%;
        display: block;
        position: absolute;
        right: -42px;
        display: none;
    }
    .clock-col:not(:last-child):before {
        top: 35%;
    }
    .clock-col:not(:last-child):after {
        top: 50%;
    }
    .clock-timer:before {
        color: #fff;
        font-size: 4.2rem;
        text-transform: uppercase;
        font-size: 20px;
    }
    .clock-label {
        color: rgba(255, 255, 255, 0.35);
        text-transform: uppercase;
        font-size: 0.7rem;
        /* margin-top: 10px; */
    }
    
    @media (max-width: 825px) {
        .clock-container {
        flex-direction: column;
        padding-top: 40px;
        padding-bottom: 40px;
        }
    
        .clock-col + .clock-col {
        margin-top: 20px;
        }
        .clock-col:before, .clock-col:after {
        display: none !important;
        }
    }
    
    .clock-timer {
        margin-bottom: 0px;
        font-size: 20px;
        color: white;
    }
    
    .countdown-title {
        color: white;
        line-height: 40px;
        letter-spacing: 5px;
        font-size: 15px;
        margin-right: 12px;
    }
}
  
/* Teams Menu */

.bottom-menu-links {

    #block-mycustom-theme-views-block-teams-block-1 {
        margin-right: 8px;
        width: 20%;
        display: inline-block;
    }

    #block-mycustom-theme-views-block-players-block-1 {
        width: 67%;
        display: inline-block;
    }

	background-color: white;
    display: inherit;

    .directives-menu {
        color: #594848;
        text-align: center;
        line-height: 40px;
    }

    .ue-c-main-navigation {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        padding-top: 4px;

        li {
            float: left;
            list-style-type: none;
            width: 40px;
            margin: 0px;
            padding: 0px;
        }
    }

    .big-menu {
        background-color: #8b8484;
        position: absolute;
        z-index: 1;
        width: 100%;
        display: none;
        font-size: 15px;
        background-color: rgba(0, 0, 0, 0.898);

        .main-header-container a {
            color: #d3e4ff;
            text-decoration: none;
        }

        li {
            list-style: none;
        }

        .about-list {
            float: left;
            overflow: hidden;
            background-color: rgb(80, 72, 72);
            width: 100%;
            padding: 12px;

            li {
                float: left;
            }
            .copyright {
                width: 100%;
            }
        }

        .more-menu-list {
            padding-left: 0;
            float: left;
            width: 100%;
            margin-bottom: 12px;

            & > li {
                width: 30%;
                float: left;
                padding-left: 0;
            }
        }

        .highlight-list {
            float: left;
            width: 100%;
            padding: 15px;
            padding-left: 0px;

            .highlight-list-item {
                float: left;

                a {
                    color: white;
                }
            }
        }

        .super-menu-column-inside {
            width: 30%;
            float: left;
        }

        .super-menu-column:nth-child(2) {
            h3 {
                text-align: center;
                margin-bottom: 0px;
                border: none;
            }
        }

        .super-menu-column:nth-child(3) {
            text-align: center;

            h4 a {
                font-weight: bold;
                color: black;
            }
        }

        .more-menu-list-links {
            padding-left: 0;
        }

        .main-header-container {
            float: left;
            overflow: hidden;
            width: 100%;
            padding-right: 4%;
        }

        .super-menu-column h3 {
            font-size: 20px;
            border-bottom: 1px solid #a3a5b3;
            padding-bottom: 12px;
        }

        .corporative-header {
            float: left;
            font-weight: bold;
            color: #3bcde4;
        }

        .corporative-description {
            float: left;
        }

        .corporative-list {
            background-color: rebeccapurple;
            float: left;
            padding: 15px;
            height: 450px;

            li.corporative-item {
                width: 33%;
                float: left;
                /* height: 120px; */

                li {
                    width: 100%;
                    float: left;
                }

                .sub-guide {
                    margin-top: 12px;
                }
            }
        }
    }
}

/**************/

.categories-menu {
    background-color: rgba(0, 0, 0, 0.31);
    position: absolute;
    top: 640px;
    z-index: 1000;

    li.nav-item {
        border: 1px solid #4d4d4d;
        width: 200px;
        text-align: center;
        margin: 12px;
        border-radius: 15%;
        padding: 0px;
    }

    a {
        color: #ddf763;
    }

    a.nav-link.active {
        background-color: #c1b3f5;
        color: #030006;
        font-weight: bold;
        border: none;
    }
}

#embassiesModal {
    background-color: #00000080;
    
    .modal-dialog {
        --bs-modal-width: 98%;
    }

    .foreign-embassies {
        background-color: #0b0f46;
        height: 590px;
        float: left;

        img {
            height: 500px;
        }
    }

    .moroccan-embassies {
        float: right;
    }

    li.nav-item {
        width: 30%;
        text-align: center;
    }

    .tab-pane {
        border: none;
        height: 700px;
        overflow: hidden;
        padding: 10px;

        .real-map {
            position: absolute;
            width: 1402px;
            height: 626px;
            left: 70px;
            top: 21px;
        }
    }
}

.more-menus.nav-item {
	font-weight: bold;
}