/*
Theme Name:   catchphrase Child Theme
Theme URI:    https://catchphrase.com/
Description:  catchphrase child theme 
Author:       kevin
Author URI:   https://appfinesse.com
Template:     bootstrap-basic4
Version:      1.0.0
Text Domain:  bootstrap-basic4
*/
header {display:none!important;}
#main {color:rebeccapurple;}
button.b-black {
    padding: 0.33rem 2rem!important;
    color: white!important;
    background-color: black!important;
    border: 2px solid white!important;
    border-radius: 7px!important;
    text-transform: uppercase;
    -webkit-text-transform: uppercase;
}
.page-container {
	width: 100%!important;
    max-width: 100%!important;
    min-height: 100%!important;
    margin: 0!important;
    padding: 0!important;
    color: white;
    background-color: lightseagreen;
    position: absolute;


    height: 100%;
    max-height: 100%;
   /* overflow: hidden;*/
}


#content { 
    height: 100%!important;
    max-height: 100%!important;
}
#content.row {
    margin: 0!important;
}
#content .block {
    padding: 1rem;
}

#content hr {
    margin: 1rem 3rem;
    border: 1px solid white;
}
footer hr {
    margin: 1rem 3rem;
    border: 1px solid white;
}

a {
    color: white!important;
    text-decoration: none;    
}
a:hover {
    color: #cfc!important;
}


.fs-1_0 {font-size: 1em;}
.fs-1_25 {font-size: 1.25em;}
.fs-1_5 {font-size: 1.5em;}
.fs-1_75 {font-size: 1.75em;}
.fs-2_0 {font-size: 2em;}

.fw-n {font-weight: normal;}


.page-header {
    background-color: #333!important;
    color: #ffffff!important;
    font-size: 1rem!important;
    font-weight: bold!important;
    padding: 0!important;
    margin: 0!important;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
.site-footer {
    background-color: #000000!important;
    color: #ffffff!important;
    border-top: none!important;
    font-size: 1rem!important;
    font-weight: bold!important;
    padding: 0!important;
}
.page-footer a {
	color: white!important;
	text-decoration: none!important;
}

  html {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
    }
    button {
        text-align: center!important;
        border: none!important;
        font-size: 1rem!important;
        font-weight: bold!important;
        border-radius: 0.25em!important;
        background-color: white!important;
    }
    #home-search, input:-internal-autofill-selected#home-search {
        border-radius: 0.25em!important;
        border: none;
        outline: none;
        background-color: white!important;
        color: #666;
        font-weight: 600;
    }


    page .logged-out, page .logged-in {display: none;}
    page.logged-out .logged-out {display: flex;}
    page.logged-in .logged-in {display: flex;}


    .logo-plus {
        position: absolute;
        width: 50%;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);




    }
    span.s1 {
    	width: 2rem;
    }
    span.s2 {
        color: #fff!important;
    }

    .logged-in .logged-out {display: none!important;}
    .logged-out .logged-in {display: none!important;}

    .page ,.content{
        background-color: #f5fdff;
    }


.dropdown-menu.show {
    background-color: rgba(50,50,50,0.95);
    border: 1px solid rgba(255,255,255,0.4);
}
.dropdown-menu .s1 {
    width: 2rem;
}
.dropdown-menu li {
    cursor: pointer;
}


.ptitle {
    font-size: 1.25em;
    font-weight: bold;
    text-decoration: underline;
}
.feature {
    margin: 0.5rem 0;
    padding: 1rem 1rem;
    border-radius: 2rem;
    background-color: rgba(255,255,255,0.2);
}
.featureL {
    border-bottom-right-radius: 0;
}
.featureR {
    border-bottom-left-radius: 0;
}
.home-player {
    position: relative;
/*    background-size: auto 100%;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/home-player.PNG);
    padding-bottom: 196.618%;
    border: 1px solid #222;
}
.home-coach {
    position: relative;
/*    background-size: auto 100%;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/home-coach.PNG);
    padding-bottom: 196.618%;
    border: 1px solid #222;
}
.home-player-coach {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/home-player-coach.png);
    padding-bottom: 100%;
    /*
    border: 1px solid #222;
    */
}

.home-interactive-quiz {
    position: relative;
/*    background-size: auto 100%;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/home-interactive-quiz.png);
    padding-bottom: 191.3%;
    border: 1px solid #222;
}
.home-session-plan {
    position: relative;
/*    background-size: auto 100%;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/home-session-plan.png);
    padding-bottom: 191.3%;
    border: 1px solid #222;
}
.home-matchday-plan {
    position: relative;
/*    background-size: auto 100%;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/home-matchday-plan.png);
    padding-bottom: 191.3%;
    border: 1px solid #222;
}
.home-language-forum {
    position: relative;
/*    background-size: auto 100%;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/home-language-forum.png);
    padding-bottom: 196.618%;
    border: 1px solid #222;
}
.home-words-phrases {
    position: relative;
/*    background-size: auto 100%;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/home-words-phrases.png);
    padding-bottom: 196.618%;
    border: 1px solid #222;
}
.home-get-it-google {
    position: relative;
/*    background-size: auto 100%;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/get-it-google.png);
    padding-bottom: 31%;
        border-radius: 0.5rem;
    border: 1px solid grey;
}
.home-get-it-apple {
    position: relative;
/*    background-size: auto 100%;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/get-it-apple.png);
    padding-bottom: 31%;
        border-radius: 0.5rem;
    border: 1px solid grey;
}


footer {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.banner-diagonal-container {
    position: relative;
    overflow: hidden;
}
.banner-diagonal {
    font-weight: bold;
    background-color: gold;
    color: #333;
    transform: rotate(-30deg);
    position: absolute;
    width: 200%;
    transform-origin: center;
    top: 43%;
    left: -50%;
    text-align: center;
    font-size: 1rem;
}


.logo-holder {width: 6rem;}
.w-20 {width: 20%!important;}
.w-33 {width: 33.333%!important;}
.w-40 {width: 40%!important;}
.w-60 {width: 60%!important;}
.w-80 {width: 80%!important;}

.ww-auto {width: auto!important;}
.ww-25 {width: 25%!important;}
.ww-30 {width: 30%!important;}
.ww-33 {width: 33.333%!important;}
.ww-40 {width: 40%!important;}
.ww-50 {width: 50%!important;}
.ww-100 {width: 100%!important;}


@media (min-width: 375px) { /* -i6- i6 */
}
@media (min-width: 414px) { /* -i6p- i6+ */

}
@media (min-width: 576px) { /* -sm- */

}


@media (min-width: 768px) { /* -md- */
    .ww-md-auto {width: auto!important;}
    .ww-md-25 {width: 25%!important;}
    .ww-md-30 {width: 30%!important;}
    .ww-md-33 {width: 33.333%!important;}
    .ww-md-40 {width: 40%!important;}
    .ww-md-50 {width: 50%!important;}
    .ww-md-100 {width: 100%!important;}

    .w-md-20 {width: 20%;}
    .w-md-40 {width: 40%;}
    .w-md-60 {width: 60%;}
    .w-md-80 {width: 80%;}

    #content { margin-bottom: 20rem!important;}
    .logo-holder {width: 8rem;}

}


@media (min-width: 992px) { /* -lg- */

}
@media (min-width: 1200px) { /* -xl- */

}