/* mobile */

@media only screen and (max-width: 600px) {
    .blue-title{
        color: #000000 !important;
        font-size: 3em !important;
        font-weight: 800;
    }
    .red-title{
        color: red !important;
        font-size: 3em !important;
        font-weight: 800;
    }
    
    .blue-subtitle{
        color: #000000 !important;
        font-weight: 700 !important;
        font-size: x-large !important;
    }  
    
    .slider-title{
        font-size: 3em !important;
        font-weight: 800 !important;
        
    }

    .next-camp-text>h1{
        color: rgb(0, 0, 0) !important;
    }
    .next-camp-text>h2{
        color: rgb(0, 0, 0) !important;
    }
    .next-camp-text>p{
        color: rgb(0, 0, 0) !important;
    }

    .bg-black{
        background-color: #000;
        background-size: cover;
    }

    .banner-kids{
        display: flex;
        justify-content: center;
        align-items: center;
        background-position: center;
        background-size: cover;
        min-height: 50vh;
        margin-bottom: 1em;
        background-image: linear-gradient(145deg,  rgba(173, 0, 240, 0.85) 0%, rgba(5, 185, 230, 0.85) 100%), url("../images/kids-portada.jpg");
    }
    .banner-kids>h1{
        color: white;
        text-transform: uppercase;
        font-size: 2.5em;
        font-weight: 800;
        text-align: left;
        margin-left: 0.5em;
    }

    .subhead-kids{
        background-color: rgba(173, 0, 240, 0.35);
    }

    .banner-general{
        display: flex;
        justify-content: center;
        align-items: center;
        background-position: center;
        background-size: cover;
        min-height: 50vh;
        margin-bottom: 1em;
        background-image: linear-gradient(145deg,  rgba(25, 0, 165, 0.85) 0%, rgba(5, 185, 230, 0.85) 100%), url("../images/portada-gral.jpg");
    }
    .banner-general>h1{
        color: white;
        text-transform: uppercase;
        font-size: 2.5em;
        font-weight: 800;
        text-align: left;
        margin-left: 0.5em;
    }

    .banner-jovenes{
        display: flex;
        justify-content: center;
        align-items: center;
        background-position: center;
        background-size: cover;
        min-height: 50vh;
        margin-bottom: 1em;
        background-image: linear-gradient(145deg,  rgba(49, 49, 49, 0.65) 0%, rgba(148, 148, 148, 0.85) 100%), url("../images/.jpg");
    }
    .banner-jovenes>h1{
        color: white;
        text-transform: uppercase;
        font-size: 2.5em;
        font-weight: 800;
        text-align: left;
        margin-left: 0.5em;
    }

  }

  @media only screen and (min-width: 601px) {

    

        /* fullscreen */
        .reflect-cores{
            padding: 10em 0 10em 0;
        }

        .reflect-cores-btn{
            text-align: left;
            color: #034feb;
            font-weight: 600;

        }

        .core-handler.active{
            text-decoration: underline;
        }

        .reflect-cores-btn.active{
            text-decoration: underline;
        }
        .reflect-cores-content{
        text-align: center;
        }

        .core-content{
            display: none;
            text-align: left;
        }
        .core-content.active{
            display: block;
        }

        .core-text>h1{
            color: #034feb;
            font-weight: 800;
            font-size: 3em;
        }
        .core-text>p{
            color: black;
        }

        .core-img{
            width: 300px;
            height: 300px;
            display: block;
            margin-left: auto;
            margin-right: auto;
            
            background-size: cover;
        }



        .blue-title{
            /* color: #034feb !important; */
            color: #000 !important;
            font-size: 6em !important;
            font-weight: 800;
        }

        .red-title{
            color: red !important;
            font-size: 6em !important;
            font-weight: 800;
        }

        .blue-subtitle{
            /* color: #034feb !important; */
            color: #000 !important;
            font-weight: 700 !important;
            font-size: x-large !important;
        } 

        .camp-desc{
            font-size: 1.2em !important;
        }

        .pastors-email{
            box-shadow: none;
            background: transparent;
            border: 2px solid rgb(0, 0, 0);
            height: 54px;
            font-size: 14px;
            font-weight: 400;
            width: 100%;
            color: #000;
            text-align: center;
            
            
        }
        .pastors-email::placeholder{
            color: #000;
            text-align: center;
        }


        /* youthcamp.html */
        .slider-title{
            /* font-family: 'trouble'; */
            font-size: 7em !important;
            font-weight: 800 !important;
            text-align: left;
            /* text-shadow: 2px 2px 10px #0004ff; */
            /* letter-spacing: 0.1em; */
        }
        .slider-title .sub{
            background-color: rgba(0, 0, 255, 0.7);
            
        }

        .slider-title .sub-kids{
            background-color: rgba(162, 91, 255, 0.3);
            padding-left: 0.2em;
            padding-right: 0.2em;
            
        }

        .blue-title-section{
            color: #034feb !important;
            font-size: 3em !important;
            font-weight: 800;
            
        }
        .black-title-section{
            color: #000000 !important;
            font-size: 3em !important;
            font-weight: 800;
            
        }

        .purple-title-section{
            color: rgb(110, 0, 255)!important;
            font-size: 3em !important;
            font-weight: 800;

            /* background: -webkit-linear-gradient(rgba(173, 0, 240, 0.85), rgba(5, 185, 230, 0.85));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; */
            
        }
        .red-title-section{
            color: rgb(255, 0, 0)!important;
            font-size: 3em !important;
            font-weight: 800;
        }

        .youth-desc{
            font-size: 1.3em !important;
        }

        .youth-desc .highlight{
            color: white;
            background-color: #999;
        }



        /* background gris */
        /* #ECE6FF */
        .bg-grey{
            background-color: #cccccc;
            background-size: cover;
        }
        .bg-black{
            background-color: #000;
            background-size: cover;
        }

        .next-camp-youth{
            margin-top: -2.5em;
            -webkit-clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 94%);
            clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 100%);
        }

        .next-camp-text>h1{
            color: #333;
            font-weight: 700;
        }
        .next-camp-text h3, .next-camp-text p{
            color: #333 !important;
            
        }
        
        .back-youth-video{
            -webkit-clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 96%);
            background: rgb(2,0,36);
            /* background: linear-gradient(135deg, rgb(0, 60, 255) 10%, rgb(26, 185, 248) 100%); */
            background: linear-gradient(135deg, rgb(0, 0, 0) 10%, rgb(43, 43, 43) 100%);
        }

        .back-kids-video{
            -webkit-clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 96%);
            background: rgb(173, 0, 242);
            background: linear-gradient(145deg,  rgba(173, 0, 240, 0.85) 0%, rgba(5, 185, 230, 0.85) 100%);
        }


        .back-cuba-video{
            -webkit-clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 96%);
            background: rgb(255, 0, 0);
            background: linear-gradient(145deg,  rgb(255, 0, 0, 0.8) 0%, rgba(0, 0, 255, 0.9) 70%, rgba(0, 0, 255, 0.9) 100%);
        }

        .contact-banner{
            background-image: url("../images/lgt-banner.jpg");
            background-position: center;
            background-size: cover;
            min-height: 400px;
            margin-bottom: 3em;
        }
        .summer23-banner{
            background-image: url("../images/portada-main.jpg");
            background-position: center;
            background-size: auto;
            min-height: 400px;
            margin-bottom: 3em;
        }
        .contact-banner-kids{
            background-image: url("../images/kids-camp-banner-2021.jpg");
            background-position: center;
            background-size: cover;
            min-height: 400px;
            margin-bottom: 3em;
        }

        .contact-banner:after{
            background: rgb(0,242,96);
            background: linear-gradient(145deg,  rgba(38, 0, 255, 0.8) 0%,rgba(0, 36, 242, 0.8) 100%);
        }

        .success-banner{
            background-image: url("../images/lgt-banner.jpg");
            background-position: center;
            background-size: cover;
            min-height: 500px;
            margin-bottom: 3em;
        }

        .success-banner-kids{
            background-image: url("../images/kids-camp-banner-2021.jpg");
            background-position: center;
            background-size: cover;
            min-height: 500px;
            margin-bottom: 3em;
        }

        .banner-kids{
            display: flex;
            justify-content: center;
            align-items: center;
            background-position: center;
            background-size: cover;
            min-height: 80vh;
            margin-bottom: 3em;
            background-image: linear-gradient(145deg,  rgba(173, 0, 240, 0.85) 0%, rgba(5, 185, 230, 0.85) 100%), url("../images/kids-portada.jpg");
        }
        .banner-kids>h1{
            color: white;
            text-transform: uppercase;
            font-size: 7em;
            font-weight: 800;
            text-align: left;
            margin-left: 1em;
        }

        .subhead-kids{
            background-color: rgba(173, 0, 240, 0.35);
        }

        .banner-general{
            display: flex;
            justify-content: center;
            align-items: center;
            background-position: center;
            background-size: cover;
            min-height: 80vh;
            margin-bottom: 1em;
            background-image: linear-gradient(145deg,  rgba(25, 0, 165, 0.65) 0%, rgba(5, 185, 230, 0.85) 100%), url("../images/portada-main.jpg");
        }
        .banner-general>h1{
            color: white;
            text-transform: uppercase;
            font-size: 7em;
            font-weight: 800;
            text-align: left;
            margin-left: 0.5em;
            background-color: rgba(0, 0, 0, 0.5);
            padding-left: 05.em;
            padding-right: 05.em;
        }

        .banner-jovenes{
            display: flex;
            justify-content: center;
            align-items: center;
            background-position: center;
            background-size: cover;
            min-height: 80vh;
            margin-bottom: 1em;
            background-image: linear-gradient(145deg,  rgba(49, 49, 49, 0.65) 0%, rgba(148, 148, 148, 0.85) 100%), url("../images/portada-main.jpg");
        }
        .banner-jovenes>h1{
            color: white;
            text-transform: uppercase;
            font-size: 7em;
            font-weight: 800;
            text-align: left;
            margin-left: 0.5em;
            /* background-color: rgba(0, 0, 0, 0.5); */
            padding-left: 05.em;
            padding-right: 05.em;
        }

        .error-banner{
            background-image: url("../images/lgt-banner.jpg");
            background-position: center;
            background-size: cover;
            min-height: 500px;
            margin-bottom: 3em;
        }

        .gap-100{
            height: 100px;
        }

        .testigos-bg{
            background-image: url("../images/spring22/testigos.jpeg");
            background-position: center;
            background-size: cover;
            min-height: 500px;
            margin-bottom: 3em;
        }

  }