/*
Theme Name: 2019 Child Theme - Novavision
Description: Child Theme for 2019 to use in NV Projects
Author: Novavision Group
Author URL: https://nova.vision
Template: twentynineteen
Version: 1.0.0
Text Domain: 2019-child
*/

/* ================================================================== */
/* ================================================================== */
/* BOOTSTRAP CONFIG:

"$grid-breakpoints": "(xs: 0,sm: 481px,md: 768px,lg: 1025px,xl: 1441px)",
"$container-max-widths": "(sm: 95%,md: 95%,lg: 1024px,xl: 1024px)"

/* ================================================================== */
/* ================================================================== */

/* ----------------------------------- */
/* ----- General Customization ----- */
/* ----------------------------------- */

a:hover,a:active,a:focus{text-decoration:none !important; outline: none;}
.btn:hover,.btn:active,.btn:focus{color:white !important;}

/* ----------------------------------- */
/* ----- Header Customization ----- */
/* ----------------------------------- */
.site-header
{margin:0px; padding:0px;}

.navbar
{background-color:#000;}

nav.navbar > div.container > div#main-navigation > ul.main-menu > li > a 
{font-weight:300;font-size:0.65em;color: white;}

.main-navigation
{padding:5px 0px;}
	
.main-menu
{width: 100%;text-align: center;}
	
.main-menu > li
{width: 100%; display: inline-block !important;}

/* ----------------------------------- */
/* ----- Footer Customization ----- */
/* ----------------------------------- */

footer {background: #000;width:100%;text-align:center;color:#fff;}
footer small a, footer small a:hover {color: #fff;text-decoration: none;}

/* ================================================================== */
/* ================================================================== */
/* ------------------------Main DESIGN------------------------------- */
/* ================================================================== */
/* ================================================================== */


/* ================================================================== */
/* Banner CSS */

.banner-img{
	background-repeat: no-repeat;
	background-size: cover !important;
	background-position: center !important;
	background:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("https://panamaretirees.com/wp-content/uploads/2019/08/Home-Cover-Panama-Retirees.jpg");
}


/* ================================================================== */
/* Contact Grid */
/* Modal Styling */

input.wpcf7-form-control.wpcf7-submit 
{float: right; width: 100px; background: #fff;}

textarea 
{overflow: auto;height: 100px !important;}

.name, .email 
{width: 100%;margin: 5px 0;}

.name > span > input, .email > span > input
{width: 100%;}

.message
{margin: 5px 0;}

.modal-content 
{ z-index: 9; padding: 1%; background-color: black; position: relative;}

.modal-header 
{border-bottom: none!important;}

span.sub-title 
{ color: #fff; display: block; margin-bottom: 5px; font-weight: 400; font-size: 13px;}

form.wpcf7-form br 
{display: none;}

form.wpcf7-form span 
{color: #fff; margin: 0; padding: 0; font-size: 12px;}

.wpcf7-response-output
{color: white; text-align:center;}

form input,
form select,
form textarea 
{padding: 5px !important;color: #000 !important;}


/* ================================================================== */
/* Requirements CSS */
.img-reqs{
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url("https://panamaretirees.com/wp-content/uploads/2019/08/Requirements-Panama-Retirees-Visa.jpg");
}

/* ================================================================== */
/* Faq CSS */
.img-faq-md{
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("https://panamaretirees.com/wp-content/uploads/2019/08/FAQ-Mobile-Panama-Retirees.jpg");
}

.img-faq-xl{
width: 400px;
height: 450px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url("https://panamaretirees.com/wp-content/uploads/2019/08/FAQ-Non-Mobile-Panama-Retirees.jpg");
}

/* ================================================================== */
/* Collapse CSS */
.spoil-plain 
{padding-left: 27px;}

.sp-dark
{display: block;font-weight: 700;font-size: 13px;margin-top: 14px;margin-bottom: 14px;}

.sp-light
{display: block;font-weight: 700;margin-top: 14px;margin-bottom: 20px;padding-left: 25px;}

ul.list-hide 
{padding-left: 0px;list-style-position: outside;list-style:none;margin-bottom: 25px;}

ul.list-show 
{padding-left: 25px;padding-right: 18px;margin-bottom: 10px;}

/* ================================================================== */
/* Carousel CSS */
.carousel-indicators 
{padding-top: 25px;}

.carousel-indicators li
{background-color: #ccc;}

.carousel-indicators .active
{background-color: #777;}

/* ================================================================== */
/* Custom Grid CSS */
.disc-grid
{display: grid;grid-template-columns: auto auto auto;grid-template-rows: auto;grid-gap: 25px 25px;margin-top: 5%;margin-bottom: 5%;}

.faq-grid
{display: grid;grid-template-columns: auto auto;grid-template-rows: auto;grid-gap: 25px 25px;padding-bottom: 25px;}

/* ================================================================== */

/* Disc Cards CSS */
.disc-card-sm
{background-color: #333;box-shadow: 0 0 10px #888888;color: #fff;float: left;height: 200px;width: 80%;margin: 10%;margin-top: 8%;margin-bottom: 20%;padding: 15px;}

.disc-card-md
{display: inline-block;background-color: #333;box-shadow: 0 0 10px #888888;color: #fff;float: left;height: 200px;width: 42%;margin-top: 2%;margin-left: 4%;margin-right: 4%;margin-bottom: 10%;padding: 15px;}

.disc-card-lg
{display: inline-block;background-color: #333;box-shadow: 0 0 10px #888888;color: #fff;float: left;padding: 15px;}

.disc-num
{text-align: center;font-weight: 700;margin-bottom:30px;}

.disc-info
{line-height: 1rem;margin-bottom: 7px;text-align: left;}

/* ================================================================== */
/* Process CSS */

h5
{font-size: 14px !important;font-weight: 400;margin: 0px;}

.card
{border:#dedede 1px solid!important;border-radius:4px!important;box-shadow:0 1px 1px rgba(0, 0, 0, .25)!important;margin-bottom:1rem!important;overflow: hidden;}

.card-header
{padding: 8px 12px;}

.card-body
{padding: 0px;}

/* ================================================================== */
/* ================================================================== */
/* ----------------------RESPONSIVE DESIGN--------------------------- */
/* ================================================================== */
/* ================================================================== */

/* ------------------------------------------------------------------------ */
/* ----- BOOTSTRAP XS - 480 or Less
/* ------------------------------------------------------------------------ */
@media screen and (max-width:480px)
{
	h1
	{font-size: 1rem !important;}
	
	nav.navbar > div.container
	{padding: 0px !important;}

	/* Banner CSS*/
	.banner-img
	{height: 10rem !important;}

}

/* ------------------------------------------------------------------------ */
/* ----- TABLET & CELLPHONE - LANDSCAPE (HORIZONTAL) ----- */
/* ------------------------------------------------------------------------ */
@media screen and (min-width:481px) and (max-width:767px)
{

	.favicon 
	{text-align: center;font-size: 3rem;}
	/* Banner CSS*/
	.banner-img
	{height: 10rem !important;}

}

/* ------------------------------------------------------------------------ */
/* ----- TABLET & CELLPHONE (Anything under 767px) ----- */
/* ------------------------------------------------------------------------ */

@media screen and (max-width:767px)
{

	/* ----------------------------------- */
	/* ----- General Customization ----- */
	/* ----------------------------------- */

	h1
	{font-size:1.3rem;}
	h2
	{font-size:1.1rem;}
	h3
	{font-size:0.9rem;}
	p,
	p > a,
	.regular-list > li,
	.your-name > input,
	.your-email > input,
	.your-message > textarea,
	.send > input,
	.wpcf7-response-output,
	.su-spoiler-title,
	.btn-link
	{font-size:0.65rem;}
	small
	{font-size:0.55rem;}

	/* ----------------------------------- */
	/* ----- Header Customization ----- */
	/* ----------------------------------- */
	.main-navigation
	{padding:5px 40px;}

	.main-menu
	{width: 100%;text-align: center;}

	.main-menu > li
	{width: 100%; display: inline-block !important;}

	button.navbar-toggler
	{top: 2px !important;}
}

/* ------------------------------------------------------------------------ */
/* ----- BOOTSTRAP MD (Anything greater than or equal to 768px) ----- */
/* ------------------------------------------------------------------------ */
@media screen and (min-width:768px)
{

	h1
	{font-size:1.5rem;}
	h2
	{font-size:1.3rem;}
	h3
	{font-size:1.1rem;}
	p,
	p > a,
	.regular-list > li,
	.your-name > input,
	.your-email > input,
	.your-message > textarea,
	.send > input,
	.wpcf7-response-output,
	.su-spoiler-title,
	.btn-link
	{font-size:0.75rem !important;}
	small
	{font-size:0.7rem;}
	
	/* Banner CSS*/
	.banner-img
	{height: 16rem !important;}



}

/* ------------------------------------------------------------------------ */
/* ----- SMALL PC  ----- */
/* ------------------------------------------------------------------------ */
@media screen and (min-width:768px) and (max-width:1024px)
{
}

/* ------------------------------------------------------------------------ */
/* ----- Smaller than LG ----- */
/* ------------------------------------------------------------------------ */
@media screen and (max-width:1024px)
{

}


/* ------------------------------------------------------------------------ */
/* ----- BOOTSTRAP LG (Anything greater than or equal to 1025px) ----- */
/* ------------------------------------------------------------------------ */
@media screen and (min-width:1025px)
{
	/* Banner CSS*/
	.banner-img
	{height: 26rem !important;}

}

/* ------------------------------------------------------------------------ */
/* ----- BOOTSTRAP XL (Anything greater than or equal to 1441px) ----- */
/* ------------------------------------------------------------------------ */
@media screen and (min-width:1441px)
{

}