/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.4.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/



/** PADDING **/
.pt-15 {
	padding-top: 15px;
	padding-bottom: 0px;
}

.pt-20 {
	padding-top: 20px;
}

.pr-0 {
	padding-right: 0px;
}

.pb-0 {
    padding-bottom: 0px;
}

.pl-0 {
	padding-left: 0px;
}
/** FIN PADDING **/


/** MARGIN **/
.mt-0{
    margin-top: 0px;
}

.mt-30{
    margin-top: 30px;
}

.mt-50{
    margin-top: 50px;
}

.mb-0{
    margin-bottom: 0px;
}

.mb-3 {
	margin-bottom: 3px !important;
}

.mb-5{
    margin-bottom: 5px;
}

.mb-10{
    margin-bottom: 10px;
}

.mb-25{
    margin-bottom: 25px;
}
/** FIN MARGIN **/


/** TEXT AND FONT **/
.font-14 {
	font-size: 14px;
}

.font-16 {
	font-size: 16px;
}

.font-18 {
	font-size: 18px;
}

.font-23 {
	font-size: 23px;
}

.slider-title {
    font-size: 25px !important;
    line-height: 27px !important;
}

.slider-title-s {
    font-size: 18px !important;
    line-height: 25px !important;
}

.slider-text {
    font-size: 14px !important;
    line-height: 17px !important;
}

.text-muted {
    font-size: 18px;
}

.testimonial p {
    margin-bottom: 25px;
    display: inline-block;
}

.juvenil-frases-pt {
    padding-top: 140px;
}

.banner-actividades-text-pt {
    padding-top: 120px;
}

/*# CALENDARIO #*/
.fc-event-title-container {
    white-space: normal;
}

.fc-h-event .fc-event-main-frame {
    display: block;
}

/**** Por si no se ve el texto en vista de semana ****/
/*.fc-timegrid-slots table tr {
    height: max-content;
} */

.fc-timegrid-event {
    height: max-content;
    min-height: -webkit-fill-available;
}
/* FIN TEXT AND FONT */


/** LINK AND ICON **/
a:hover, a:focus {
	text-decoration: none;
}

.socialRed{
	font-size: 1.5em;
}

.instagram:hover {
	background-color: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
};

.fa .fa-tiktok {
	font-weight: 400;
}

.fa-tiktok:before { 
	content: url("../icons/tiktok_icono.png") !important;
	opacity: 0.5;
}

.fa-tiktok:hover::before{
	opacity: 1;
}

.social-links:not(.animated-effect-1) li.tiktok a:hover, .colored.social-links li.tiktok a, .social-links.animated-effect-1 li.tiktok a:after, .btn.tiktok{
	background: linear-gradient(to right, #08FFF9, #F00044);
}

.separator-img {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom:-1000%;
    text-align: center;
}

.icon-contents{
    display: contents;
}

.icon-hover:hover .icon {
	opacity: 0.8;
	filter: alpha(opacity=80);
  }
/** FIN LINK AND ICON **/


/** BUTTON **/
.btn-menu-strong {
    padding: 0px;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.slider-button {
    line-height: 85px !important;
}

#slider-button-4 {
    line-height: 100px !important;
}

#pastoral-button-f {
    margin-top: 15px !important;
}

/*# CALENDARIO #*/
.fc .fc-toolbar {
    display: block;
}

.fc .fc-toolbar .fc-toolbar-chunk {
    display: flex;
    justify-content: center;
}

.fc .fc-toolbar .fc-toolbar-chunk .btn-primary{
    color: #fff;
    background-color: #6B6B6B;
    border-color: #474747;
}

.fc .fc-toolbar .fc-toolbar-chunk .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-color: #222222 !important;
    border-color: #161616 !important;
}

.fc .fc-toolbar .fc-toolbar-chunk .btn-primary:hover{
    background-color: #222222;
    border-color: #161616;
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: rgba(245, 226, 181, 0.5) /*#F5E2B5;*/
}
/** FIN BUTTON **/


/** BANNER **/
.banner-pages {  
    height: 632px;
    max-height: 650px;
}

.banner-nosotros {
    background-position: 50% 27%;
    background-image: url(../images/nosotros_prin.jpg);
}

.banner-bautismo {
    background-position: 50% 27%;
    background-image: url(../images/bautismo_prin.jpg);
}

.banner-comunion {
    background-position: 50% 50%;
    background-image: url(../images/comunion_prin.jpg);
}

.banner-confirmacion {
    background-position: 60% 20%;
    background-image: url(../images/confirma_prin.jfif);
}

.banner-matrimonio {
    background-position: 46% 0%; /*50% 50%*/
    background-image: url(../images/matrimonio_prin.jpg);
}

.banner-reconciliacion {
    background-position: 50% 25%;
    background-image: url(../images/reconciliacion_prin.jpg);
}

.banner-uncion {
    background-position: 50% 50%;
    background-image: url(../images/uncion_prin.jpg);
}

.banner-misionera {
    background-position: 98% 60%; /*50% 25%*/
    background-image: url(../images/misionera_prin.jpg);
}

.banner-pascual {
    background-position: 50% 25%;
    background-image: url(../images/pascual_prin.jpg);
}

.banner-samaritana {
    background-position: 76% 40%;
    background-image: url(../images/samaritana_prin.jpg);
}

.banner-comunidades {
    background-position: 15% 0%;
    background-image: url(../images/comunidades_prin.jpg);
}

.banner-infantil {
    background-position: 50% 50%;
    background-image: url(../images/infantil_prin.jpg);
}

.banner-juvenil {
    background-position: 50% 50%;
    background-image: url(../images/juvenil_prin.jpg);
}

.banner-juvenil-frases {
    background-position: 50% 50%;
    background-image: url(../images/juvenil_frases.jpg);
    height: 756px;
    max-height: 755px;
}

.banner-familiar {
    background-position: 0% 55%;
    background-image: url(../images/familiar_prin.jpg);
}

.banner-actividades {
    background-position: 50% 15%;
    background-image: url(../images/actividades_prin.jpg);
}

.banner-contactanos {
    background-position: 50% 45%;
    background-image: url(../images/contactanos_prin.jpg);
}

.banner-donaciones {
    background-position: 67% 45%;
    background-image: url(../images/donaciones_prin.jpg);
}
/** FIN BANNER **/


/** BACKGROUND **/
.background-reconciliacion-horarios {
    background: url(../images/reconciliacion_horarios_background.jpg) 50% 0% no-repeat;
}

.background-pastorales {
    background: url(../images/misionera_pastorales_background.jpg) 50% 0px no-repeat;
}

.background-infantil {
    background: url(../images/infantil_background.jpg) 16% 0% no-repeat;
}

.background-juvenil {
    background: url(../images/juvenil_background.jpg) 50% 0px no-repeat;
}

.background-familiar {
    background: url(../images/familiar_background.jpg) 39% 0px no-repeat;
}

.light-translucent-bg.slight:after {
  background-color: rgba(255, 255, 255, 0.726);
}

.fc-scrollgrid .table-borderer {
    border: 1px solid #000; 
}
/** FIN BACKGROUND **/


/** VIDEO BANNER FULL SCREEN **/
.showcase {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	padding: 0 20px;
}

.video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.video-container video {
	/* min-width: 100%;
	min-height: 100%; */
    width: 100%;
    height: 100%;
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}
/** FIN VIDEO BANNER FULL SCREEN **/


/** IMAGES **/
.index-logo {
    width: 10%;
}

blockquote{
    margin-bottom: 0px;
}

blockquote:after {
    font-size: 56px;
}

.container-versiculo {
    box-shadow: 3px 3px 7px #777;
    transition: 0.40s ease-in-out box-shadow;
}

.container-versiculo:hover {
    box-shadow: none;
    transition: 0.40s ease-in-out box-shadow;
}

.iframe-mapa {
    width: 380px;
    height: 450px;
    margin-top: 35px;
}
/** FIN IMAGES **/


/** NAV TAB PILLS **/
.vertical .nav-tabs {
    background-color: #681313;
}

.vertical .nav-tabs > li.active > a, .vertical .nav-tabs > li.active > a:hover, .vertical .nav-tabs > li.active > a:focus {
    color: #681313;
}


/** COLOR **/
.green_back {
	background-color: green;
}

.white_back {
	background-color: antiquewhite;
}

.red_back {
	background-color: #F00044;
}

.purple_back {
	background-color: purple;
}

.blue_back {
	background-color: dodgerblue;
}

.pink_back {
	background-color: #D92E7F;
}
/** FIN COLOR **/



/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px)
{
	.medium-p-mb {
	  margin-bottom: 5px;
	}
  
	.hide-medium-br{
		display: none;
	}

    .slider-title, .slider-title-s {
        font-size: 42px !important;
        line-height: 50px !important;
    }

    .slider-text {
        font-size: 24px !important;
        line-height: 35px !important;
    }

    .slider-button, #slider-button-4 {
        line-height: 23px !important;
    }

    #pastoral-button-f {
        margin-top: 0px !important;
    }

    .banner-confirmacion {
        background-position: 50% 20%;
    }

    .banner-matrimonio {
        background-position: 50% 0%;
    }

    .banner-misionera {
        background-position: 50% 60%;
    }

    .banner-samaritana {
        background-position: 50% 40%;
    }

    .banner-comunidades {
        background-position: 50% 0%;
    }

    .banner-familiar {
        background-position: 50% 55%;
    }

    .banner-donaciones {
        background-position: 50% 45%;
    }

    .banner-actividades-text-pt {
        padding-top: 220px;
    }

    .background-infantil {
        background: url(../images/infantil_background.jpg) 16% 50% no-repeat;
    }

    .background-familiar {
        background: url(../images/familiar_background.jpg) 50% 0px no-repeat;
    }

    .juvenil-frases-pt {
        padding-top: 250px;
    }

    .iframe-mapa {
        width: 600px;
        margin-top: 0px;
    }

    .index-logo {
        width: 4%;
    }

    .fc .fc-toolbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px)
{
    
}

