/*
Theme Name: San Vicente de Paul Abejorral
Author: Jose Ramírez
Author Uri: http://www.sanvicentedepaul-abejorral.org/
Version: 1.0
*/

body{overflow-x: hidden;}

/*- FONTS -*/
/* Montserrat */
.mon-light{font-family: 'Montserrat', sans-serif; font-weight: 300;}
.mon-reg{font-family: 'Montserrat', sans-serif; font-weight: 400;}
.mon-medi{font-family: 'Montserrat', sans-serif; font-weight: 500;}
.mon-semi{font-family: 'Montserrat', sans-serif; font-weight: 600;}
.mon-bold{font-family: 'Montserrat', sans-serif; font-weight: 700;}

/*- FONT SIZE -*/
.fz-12{font-size: 12px !important;}
.fz-14{font-size: 14px !important;}
.fz-16{font-size: 16px !important;}
.fz-18{font-size: 18px !important;}
.fz-20{font-size: 20px !important;}
.fz-22{font-size: 22px !important;}
.fz-25{font-size: 25px !important;}
.fz-30{font-size: 30px !important;}
.fz-35{font-size: 35px !important;}
.fz-40{font-size: 40px !important;}
.fz-50{font-size: 50px !important;}
.fz-60{font-size: 60px !important;}

/*- COLORS -*/
/* Blanco */
.col-blanco{color: #ffffff !important;}
.back-blanco{background-color: #ffffff !important;}
button.back-blanco{background-color: #ffffff !important;}
/* Negro */
.col-negro{color: #000000 !important;}
.back-negro{background-color: #000000 !important;}
button.back-negro{background-color: #000000}
/* Azul */
.col-azul{color: #123d8b !important;}
.back-azul{background-color: #123d8b !important;}
button.back-azul{background-color: #123d8b !important;}
/* Gris */
.col-gris{color: #505050 !important;}
.back-gris{background-color: #505050 !important;}
button.back-gris{background-color: #505050 !important;}
/* PLACE HOLDER */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #000000; font-family: 'Montserrat', sans-serif; font-weight: 400;} /* WebKit */
input::-moz-placeholder, textarea::-moz-placeholder {color: #000000; font-family: 'Montserrat', sans-serif; font-weight: 400;} /* Firefox 19+ */

strong{font-weight: 600;}

/*- CENTER -*/
.center{text-align: center;}

/*- CONTENEDOR -*/
.contenedor{padding: 0 4%;}

/*- NO MARGIN -*/
.no-margin{margin: 0 !important;}

/*- TEXT RIGHT TEXT JUSTIFY -*/
.t-right{text-align: right;}
.t-justify{text-align: justify;}

/*- BORDER NONE -*/
.no-border{border: none;}

/*- HEADER -*/
header{position: fixed;width: 100%;margin: 0 !important;z-index: 1;transition: all ease-in-out 0.3s}
header a figure{}
header a figure img{width: 50%;margin: 10px 0;}
header form{display: flex;position: relative;top: 30px;}
header form input{border: none;border-bottom: solid 1px #ccc;width: 80%;height: 2.5em;padding: 3%;background-color: transparent;color: #ffffff;}
header form button{border: none;border-bottom: solid 1px #ccc;background-color: transparent;color: #ffffff;}
header form button i{}
#menu-home{box-shadow: none;background-color: transparent;height: auto;position: relative;}
#menu-home div > ul{padding: 0;}
#menu-home div > ul li{float:left;list-style: none;padding: 13px;}
#menu-home div > ul li:hover,
#menu-home div > ul li.active{border-bottom: solid 3px #ffffff;}
#menu-home div > ul li a{color: #ffffff;font-family: 'Montserrat', sans-serif;font-weight: 400;line-height: 2;text-decoration: none;position: relative;}
#menu-home div > ul li a::after{content: '';position: absolute;top: 0;right: -14px;width: 2px;height: 100%;background-color: #ffffff;}

#nav-mobile{display: none;position: fixed;left: -100%;width: 70%;height: 100%;background-color: #133c8e;z-index: 100;transition: all ease-in-out 0.3s}
#nav-mobile ul{padding: 0;}
#nav-mobile ul li{list-style: none;padding: 8%;border-bottom: solid 1px #ccc;}
#nav-mobile ul li:hover,
#nav-mobile ul li:focus{background-color: #0f295d;}
#nav-mobile ul li a{font-family: 'Montserrat', sans-serif;font-weight: 400;color: #fff;}
#bnt-nav-mobile{display: none;position: fixed;right: 5%;top: 35px;z-index: 100;}
#bnt-nav-mobile i{}

/* Scroll Nav */
header.scroll-nav{background-color: #ffffff;box-shadow: 0 0 5px rgba(0,0,0,0.7);z-index: 10;}
header.scroll-nav form input{color: #123d8b;}
header.scroll-nav form button{color: #123d8b;}
header.scroll-nav #menu-home div > ul li:hover,
header.scroll-nav #menu-home div > ul li.active{border-bottom: solid 3px #123d8b;}
header.scroll-nav #menu-home div > ul li a{color: #123d8b;}
header.scroll-nav #menu-home div > ul li a::after{background-color: #123d8b;}

/* Banner */
#banner{padding: 60vh 0 30px 0;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
#banner .mascara,
#banner-int .mascara,
#banner-int-tb .mascara,
#banner-int-db .mascara{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
#banner .container,
#banner-int .container,
#banner-int-tb .container{position: relative;}
#banner .container .col-sm-12 h3{position: relative;}
#banner .container .col-sm-12 h3::after{content: '';position: absolute;bottom: -10px;left: -50%;width: 100%;height: 3px;background-color: #ffffff;border-radius: 0 100% 100% 0;}

/* Footer */
footer{padding-top: 30px;background-color: #ececec;}
footer .container .row figure{padding: 10px 0 0 7%;}
footer .container .row figure img{width: 20%;}
footer .container .row .col-sm-12 > span{}
footer .container .row .col-sm-12 ul{padding: 0;margin-bottom: 3rem;}
footer .container .row .col-sm-12 ul li{list-style: none;}
footer .container .row .col-sm-12 ul li a{color: #8d9897;font-size: 15px;}
footer .container .row .col-sm-12 aside,
#tradicional-bussines .container .row .col-md-5 .row .col-sm-12:first-child aside{line-height: 2;}
footer .container .row .col-sm-12 aside span{}
footer .container .row .col-sm-12 aside span i,
#tradicional-bussines .container .row .col-md-5 .row .col-sm-12 aside span i{font-size: 23px;}
footer .back-azul{padding: 15px 0 0 0;}
footer .back-azul .container{}
footer .back-azul .container .row .col-sm-12 aside.mon-light{position: relative;top: -6px;}
footer .back-azul .container .row .col-sm-12 aside.mon-medi{position: relative;top: -6px;}
footer .back-azul .container .row .col-sm-12 aside.mon-medi a{padding: 0 2%;font-size: 18px;position: relative;top: 2px;}
footer .back-azul .container .row .col-sm-12 aside.mon-medi a i{}

/* Biografía */
#banner-int,
#banner-int-tb,
#banner-int-db{padding: 25vh 0 30px 0;background-position: center;background-repeat: no-repeat;background-size: cover;margin-bottom: 80px;position: relative;}
#banner-int .container .col-sm-12 h3,
#banner-int-tb .container .col-sm-12 h3,
#banner-int-db .container .col-sm-12 h3{position: relative;}
#banner-int .container .col-sm-12 h3::after,
#banner-int-tb .container .col-sm-12 h3::after,
#banner-int-db .container .col-sm-12 h3::after{content: '';position: absolute;bottom: -10px;left: -50%;width: 100%;height: 3px;background-color: #ffffff;border-radius: 0 100% 100% 0;}

#int-info-abo{}
#int-info-abo .container .row .col-md-4 figure{position: relative;padding: 4%;border: solid 1px #e2e2e2;border-radius: 5px;box-shadow: 0 0 5px rgba(0,0,0,0.5);}
#int-info-abo .container .row .col-md-4 figure::after{content: '';position: absolute;top: 0;right: -12%;width: 5px;height: 100%;background-color: #e2e2e2;border-radius: 100%;}
#int-info-abo .container .row .col-md-4 figure img{border-radius: 5px;}
#int-info-abo .container .row .col-md-8 h3{padding: 0 8%;}
#int-info-abo .container .row .col-md-8 aside{padding: 20px 8%;}
#int-info-abo .container .row:last-child .col-sm-12{position: relative;}
/*#int-info-abo .container .row:last-child .col-sm-12::before{content: '';position: absolute;top: 10px;left: 0;width: 100%;height: 5px;background-color: #e2e2e2;border-radius: 100%;}
#int-info-abo .container .row:last-child .col-sm-12::after{content: '';position: absolute;bottom: 25px;left: 0;width: 100%;height: 5px;background-color: #e2e2e2;border-radius: 100%;}*/
#int-info-abo .container .row .col-sm-12 iframe{margin: 70px 0;}

/* Negocios Tradicionales */
#banner-int-tb{background-image: url('../img/tradicionals-bussines.jpg');}

#tradicional-bussines{}
#tradicional-bussines .container .row.items{position: relative;padding: 15px 0;}
/*#tradicional-bussines .container .row.items::after{content: '';position: absolute;bottom: -10px;left: 0;width: 100%;height: 5px;background-color: #efefef;border-radius: 100%;}*/
#tradicional-bussines .container > .row > .col-sm-12 .contentB{position: relative;border: solid 1px #ccc; padding: 20px 40px 0 40px; height: 540px;border-radius: 5px;box-shadow: 0 0 2px rgba(0,0,0,0.5);}
/*#tradicional-bussines .container .row.items > .col-sm-12::after{content: '';position: absolute;bottom: -30px;right: 0;width: 100%;height: 5px;background-color: #e2e2e2;border-radius: 100%;}*/
#tradicional-bussines .container .row .col-sm-12.pos-right::after{left: -15px;}
#tradicional-bussines .container .row .col-sm-12 figure{position: relative;margin-bottom: 0;}
#tradicional-bussines .container .row .col-sm-12 figure .owl-nav .owl-prev{position: absolute;top: 50%;left: 0;border: solid 1px #000;background-color: #ffffff;font-size: 25px;width: 9%;}
#tradicional-bussines .container .row .col-sm-12 figure .owl-nav .owl-next{position: absolute;top: 50%;right: 0;border: solid 1px #000;background-color: #ffffff;font-size: 25px;width: 9%;}
#tradicional-bussines .container .row .col-sm-12 figure .owl-nav .owl-prev i,
#tradicional-bussines .container .row .col-sm-12 figure .owl-nav .owl-next i{position: relative;top: -2px;}
#tradicional-bussines .container .row .col-sm-12 figure img{margin: 0;width: 30%;}
#tradicional-bussines .container .row .col-sm-12 .row .col-sm-12:last-child aside span{}
#tradicional-bussines .container .row .col-sm-12 .row .col-sm-12:last-child aside a{padding: 5%;position: relative;top: 15px;}
#tradicional-bussines .container .row .col-sm-12 .row .col-sm-12:last-child aside a i{font-size: 40px;}
#tradicional-bussines .container .row .col-sm-12 .row .col-sm-12:last-child aside a img{width: 7%;margin-right: 1%;}
#tradicional-bussines .container .row .col-sm-12 .row .col-sm-12:last-child aside a span{}
#tradicional-bussines .container .row .col-md-7{padding: 0 3%;}
#tradicional-bussines .container .row .col-md-7 h3{}
#tradicional-bussines .container .row .col-sm-12 aside{padding: 2% 0 10px 0;}
#tradicional-bussines .container .row .col-md-7 iframe{}

#banner-int-db{margin-bottom: 30px;}

#tit-db{}
#tit-db .col-md-12 button{font-weight: 600}
#tit-db .col-md-12 img{width: 18%;}
#tit-db .col-md-12 span{display: none;}

#cont-db{padding: 4% !important;border: solid 1px #ccc;border-radius: 5px;box-shadow: 0 0 5px rgba(0,0,0,0.5);}
#cont-db .row .col-sm-12 h3{}
#cont-db .row .col-sm-12 iframe{}

#logo-contact{width: 60%;position: relative;left: -10%}
form#contact{padding: 30px 0;}
form#contact input,
form#contact textarea{margin-bottom: 35px}

@media(max-width:767px){
	#menu-home, #responsive-menu-search-box,
	#int-info-abo .container .row .col-md-4 figure::after{display: none;}
	#nav-mobile, #bnt-nav-mobile{display: block;}
	#tit-db .col-md-12 span{display: contents;}
	header a figure img{width: 22%;position: relative;left: -4%;}
	footer .container .row figure{text-align: center;}
	footer .container .row figure img{position: relative;left: -6%;}
	footer .container .row .col-sm-12 aside, 
	#tradicional-bussines .container .row .col-md-5 .row .col-sm-12:first-child aside{margin-bottom: 30px}
	footer .container .row .col-sm-12,
	footer .back-azul .container .row .col-sm-12 aside.mon-medi{text-align: center;}

	#banner-int, #banner-int-tb, #banner-int-db{margin-bottom: 0px;}

	#int-info-abo .container .row .col-md-4 figure img{width: 85%;margin-top: 40px;}

	#tradicional-bussines .container > .row > .col-sm-12 .contentB{height: auto;}
	#tradicional-bussines .container > .row > .col-sm-12:first-child .contentB{margin-bottom: 30px;}
	#tradicional-bussines .container .row .col-md-5 figure img{margin-bottom: 10px}
	#tradicional-bussines .container .row .col-sm-12 figure img{width: 85%;}
	#tradicional-bussines .container .row .col-sm-12 .row .col-sm-12 button{margin-bottom: 20px;}

	#banner-int .container .col-sm-12 h3,
    #banner-int-tb .container .col-sm-12 h3,
	#banner-int-db .container .col-sm-12 h3{left: -8%;}
	#banner-int .container .col-sm-12 h3::after,
    #banner-int-tb .container .col-sm-12 h3::after,
	#banner-int-db .container .col-sm-12 h3::after{left: -2%; width: 115%;}

	#tit-db .col-md-12 button{margin-top: 20px;}
	#tit-db .col-md-12 img{width: 20%;}
	#res-cont-db{margin-top: 50px;}

	#siteMap{}
	#siteMap ul{margin-top: 25px;}
	#siteMap ul li{margin: 0 13%;border: solid 1px #ccc;padding: 12px;font-weight: 700;}
	#siteMap ul li:hover,
	#siteMap ul li.active{background-color: #123d8b;}
	#siteMap ul li:nth-child(2),
	#siteMap ul li:nth-child(3),
	#siteMap ul li:nth-child(4),
	#siteMap ul li:last-child{border-top: none;}
	#siteMap ul li a{color: #123d8b;}
	#siteMap ul li:hover a,
	#siteMap ul li.active a{color: #ffffff}
}