/*header, footer and font stuff for the theme*/

/*using roboto - do not use gotham fonts as they do not work with Safari*/

@font-face {
    font-family: 'PauloGoodeCarrigPro-Medium';
    src: url('../fonts/PauloGoodeCarrigPro-Medium/PauloGoodeCarrigPro-Medium.woff2') format('woff2'), url('../fonts/PauloGoodeCarrigPro-Medium/PauloGoodeCarrigPro-Medium.woff') format('woff'), url('../fonts/PauloGoodeCarrigPro-Medium/PauloGoodeCarrigPro-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CarrigPro-Regular';
    src: url("../fonts/CarrigPro-Regular/CarrigPro-Regular.eot");
    src: url("../fonts/CarrigPro-Regular/CarrigPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/CarrigPro-Regular/CarrigPro-Regular.woff2") format("woff2"), url("../fonts/CarrigPro-Regular/CarrigPro-Regular.woff") format("woff"), url("../fonts/CarrigPro-Regular/CarrigPro-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/*#region VARS */

:root {
    --ivpink: #ed145b;
    --ivblue: #113347;
    /*font colour*/
}
/*#endregion */

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'CarrigPro-Regular', sans-serif;
    font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'CarrigPro-Regular', serif;
    color: #113347;
    font-weight: 100;
}

html body .header .container {
    max-width: 100%;
}

/*a img{
    text-decoration:none !important;
}*/
.mobmenu {
    display: none;
    width: 100%;
    padding: 6px;
    text-align: right;
}
/*.container {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
*/
.header {
    width: 100%;
    min-height: 82px;
    background-color: white;
    border-bottom: 1px solid #ed145b;
    display:flex;
}

.header-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.logo {
    flex: 0 1 105px;
}
    .logo a img{
        max-height:82px;
    }
    .menu {
        flex: 1 1 auto; /* Stretching: */
        min-width: 499px;
        text-align: end;
        /*min-height:54px;*/
    }

.menu ul{
    list-style-type:none;
    padding:0;
    margin:0;
    overflow:visible;
}

    .menu ul li {
        display: inline-block;
    }

        .menu ul li a {
            color: black;
            font-family: 'CarrigPro-Regular', sans-serif;
            /* font-size: 1rem; */
            font-size: 14px;
            padding: 8px 8px 33px 8px;
            text-decoration: none;
            font-weight: 400;
        }

            .menu ul li a.m-active,
            .menu ul li a:hover,
            .menu ul li a.active {
                background-color: var(--ivblue);
                color: white;
            }

        /*mobile menu*/

.footer {
    min-height: 300px;
    background-color: #F4F5F6;
    border-top: 1px solid var(--ivpink);
}
.ttone {
    text-align: left;
}
.tttwo {
    text-align: center;
}
.ttthree {
    text-align: right;
}

ul.main-menuinline {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style-type:none;
    margin-top:1rem;
}

ul.main-menuinline li {
    flex: 0 0 33.333%;
}


    ul.main-menuinline li a {
        color: #606161;
    }

        ul.main-menuinline li a:hover {
            color: #ed145b;
        }

.social-links{
    text-align:right;
}


.social-links a {
    display: inline-block;
    height: 30px;
    width: 30px;
    background-size: 27px;
    margin-right: 12px;
    border-radius: 5px;
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.2s ease-in-out;
}

    .social-links a:last-of-type{
        margin-right: 0;
    }

.twitter-social {
    background-color: #55ACEE;
    background-size: 20px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' aria-labelledby='Follow us on Twitter' role='img' viewBox='0 0 22.5 18.3'><path d='M20.2 4.6c.9-.7 1.7-1.5 2.3-2.4-.9.4-1.8.6-2.7.7 1-.6 1.7-1.5 2-2.5-.9.6-1.9.9-3 1.1-.9-1-2-1.5-3.3-1.5-.9 0-1.8.3-2.6.8s-1.2 1.2-1.6 2-.4 1.8-.2 2.8c-1.9 0-3.7-.5-5.3-1.3s-3-2-4.2-3.4c-.5.6-.7 1.4-.7 2.2s.2 1.6.6 2.2S2.4 6.6 3 7c-.7 0-1.4-.2-2.1-.6v.1c0 1.1.4 2.1 1.1 3s1.6 1.4 2.7 1.6c-.7.1-1.4.2-2.1.1.3.9.8 1.7 1.6 2.3s1.7.9 2.7.9c-1.7 1.3-3.6 2-5.7 2H0c2.2 1.4 4.5 2 7.1 2 2.7 0 5.1-.7 7.2-2 1.9-1.2 3.4-2.9 4.4-5 1-2 1.5-4 1.5-6.1v-.7z' fill='%23fff'/><path fill='%23fff' d='M11.2 5.6C8.9 5.6 7 7.5 7 9.9c0 2.3 1.9 4.2 4.2 4.2s4.2-1.9 4.2-4.2c0-2.4-1.9-4.3-4.2-4.3zm0 7c-1.5 0-2.8-1.2-2.8-2.8C8.4 8.3 9.6 7 11.2 7S14 8.3 14 9.9c0 1.5-1.3 2.7-2.8 2.7zM15.6 4.4c-.3 0-.6.1-.8.3-.2.2-.3.5-.3.8 0 .3.1.6.3.8.2.2.5.3.8.3.3 0 .6-.1.8-.3.2-.2.3-.5.3-.8 0-.3-.1-.6-.3-.8-.2-.2-.5-.3-.8-.3z'/></svg>");
}

    .twitter-social:hover {
        filter: brightness(85%);
    }

.facebook-social {
    background-color: #3B5998;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' aria-labelledby='Follow us on Facebook' role='img' viewBox='0 0 22.5 18.3'><path d='M9.1 4.4v2.4H7.4v2.9h1.7v8.5h3.5V9.6H15s.2-1.4.3-2.9h-2.7v-2c0-.3.4-.7.8-.7h1.9V1h-2.6C9 1.1 9.1 4 9.1 4.4z' fill='%23fff' /></svg>");
    background-position: center;
    background-size: 23px;

}
    .facebook-social:hover {
        filter: brightness(85%);
    }
.instagram-social {
    background-color: #8a3ab9;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' aria-labelledby='Follow us on Instagram' role='img' viewBox='0 0 22.5 18.3'><path fill='%23fff' d='M14.9 1.7H7.5C5 1.7 3 3.7 3 6.2v7.3C3 16 5 18 7.5 18h7.3c2.5 0 4.5-2 4.5-4.5V6.2c.1-2.5-1.9-4.5-4.4-4.5zm3 11.8c0 1.7-1.4 3.1-3.1 3.1H7.5c-1.7 0-3.1-1.4-3.1-3.1V6.2c0-1.7 1.4-3.1 3.1-3.1h7.3c1.7 0 3.1 1.4 3.1 3.1v7.3z'/><path fill='%23fff' d='M11.2 5.6C8.9 5.6 7 7.5 7 9.9c0 2.3 1.9 4.2 4.2 4.2s4.2-1.9 4.2-4.2c0-2.4-1.9-4.3-4.2-4.3zm0 7c-1.5 0-2.8-1.2-2.8-2.8C8.4 8.3 9.6 7 11.2 7S14 8.3 14 9.9c0 1.5-1.3 2.7-2.8 2.7zM15.6 4.4c-.3 0-.6.1-.8.3-.2.2-.3.5-.3.8 0 .3.1.6.3.8.2.2.5.3.8.3.3 0 .6-.1.8-.3.2-.2.3-.5.3-.8 0-.3-.1-.6-.3-.8-.2-.2-.5-.3-.8-.3z'/></svg>");
    background-size: 28px;

}
    .instagram-social:hover {
        filter: brightness(85%);
    }
.linkedin-social {
    background-color: #0976B4;
    background-image: url("../assets/svg/linkedin.svg");
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' aria-labelledby='Follow us on linkedIn' role='img' viewBox='0 0 22.5 18.3'><path d='M19.2 11.3v5.8h-3.4v-5.4c0-1.4-.5-2.3-1.7-2.3-.9 0-1.5.6-1.7 1.2-.1.2-.1.5-.1.8v5.7H8.9V7h3.4v1.4c.4-.7 1.2-1.7 3-1.7 2.2 0 3.9 1.5 3.9 4.6zM5.4 2.1c-1.2 0-1.9.8-1.9 1.7 0 1 .7 1.7 1.9 1.7s1.9-.8 1.9-1.7-.7-1.7-1.9-1.7zm-1.7 15h3.4V7H3.7v10.1z' fill='%23fff' /></svg>");
    background-size: 28px;

}
    .linkedin-social:hover {
        filter: brightness(85%);
    }
.youtube-social {
    background-color: #E52D27;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' aria-labelledby='Follow us on Youtube' role='img' viewBox='0 0 22.5 18.3'><path d='M19.8 5.7c0-1.4-1.1-2.5-2.5-2.5h-12c-1.4 0-2.5 1.1-2.5 2.5v6.8c0 1.4 1.1 2.5 2.5 2.5h11.9c1.4 0 2.5-1.1 2.5-2.5V5.7zM9.5 12V5.6l4.9 3.2L9.5 12z' fill='%23fff'/></svg>");
    background-size: 25px;
}
    .youtube-social:hover {
        filter: brightness(85%);
    }

.below-social{
    text-align:right;
    margin-top:10px;
}
.next-below-social {
    text-align: right;
    margin-top: 10px;
}
.fawards {
    text-decoration:none;

}
.fawards img{
    width:60px;
    height: auto;
}
.footertext {
    margin: 0;
    font-weight: 700;
    font-size: 0.8rem;
}

@media screen and (max-width:1200px) {
    .mobmenu {
        display: block;
    }
    img.menubar {
        cursor:pointer;
    }
    img.menuclose {
        display: none;    
    }
    .nav-enabled img.menubar{
        display:none;
    }
    .nav-enabled img.menuclose {
        display: inline-block;
        cursor: pointer;
    }


    .menu {
        height: calc(100vh - 119px);
        top: 119px;
        transition: all .35s cubic-bezier(.55,.055,.675,.19);
        position: fixed;
        right: -100%;
        width: 100%;
        min-width: auto;
        background: #113347;
        opacity: 0;
        z-index: 1111;
        visibility: visible;
    }
    .nav-enabled .menu {
        right: 0;
        opacity: 1;
        overflow: auto;
    }

    .menu ul li {
        display: block;
        width: 100%;
        padding: 10px 20px 10px 20px;
        text-align: left;
    }
        .menu ul li a {
            color: white;
            font-family: 'CarrigPro-Regular', sans-serif;
            font-size: 1.6rem;
            padding: 10px 14px 10px 14px;
            text-decoration: none;
        }

    .footer{
        padding-bottom:30px;
    }


    .social-links {
        text-align: center;
    }
    .below-social {
        text-align:center;
    }
    .next-below-social {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }



    .ttone {
        text-align: center;
    }

    .tttwo {
        text-align: center;
    }

    .ttthree {
        text-align: center;
    }
}
@media screen and (max-width:768px) {
    ul.main-menuinline {
        display: block;
        text-align: center;
    }
}



/**for dropdown menu - use this code**/


/*for mobile menu*/
body.nav-enabled {
    height: 100%;
    overflow: hidden;
    max-height: 100%;
    /*position: fixed;*/
}


.dropdown {
    position: relative;
    display: inline-block;
}

ul.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 196px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 3;
    margin-top: 29px;
}
    ul.dropdown-content li:hover .dropbtn {
        background-color: #ed145b;
    }


    ul.dropdown-content li {
        display: block;
        text-align:center
    }

        ul.dropdown-content li a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }

            .dropdown-content a:hover {
                background-color: #ddd;
            }

.dropdown:hover .dropdown-content {
    display: block;
}

@media screen and (max-width:1200px){
    .dropbtn {
        display: none;
    }
    ul.dropdown-content {
        display: block;
        margin-top: 0;
        position: absolute;
        background-color: transparent;
        min-width: auto;
        box-shadow: none;
        
    }
    ul.dropdown-content li {
        display: block;
        text-align: left;
    }
        ul.dropdown-content li a {
            color: white;
            padding: 5px 14px;
        }


        .menu ul li.dropdown{
            padding:0;
        }

    .menu ul.dropdown-content li {
        padding: 7px 20px 7px 20px;
    }
}