/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/
body {
	font-size: 15px!important;
}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, button:active {
	color:white;
	border: 1px solid #FFCC00;
	background-color: #b2c5d8;
}

img {box-sizing: border-box;}
.img-border {border: 1px solid #555; max-width: 99%; border-radius: 0px; margin: auto;}

.cgray {
    background-color:#b2c5d8;
}	

.cc_container .cc_btn {
background-color: #001933 !important; /* button color */
background: linear-gradient(#001933, #083472);
border-color: #083472;
color: #ffffff !important; /* button textcolor */
text-decoration: none !important;
}

.cc_container .cc_btn:hover {
background-color: #9abff3;
background: linear-gradient(#032678, #9abff3);
border-color: #9abff3;
color: #fff;
font-weight: normal;
text-decoration: none;
}

.cc_container {
text-align: center;
background: #001933 !important; /* box background */
color: #a0c7df !important; /* box textcolor */
}
 
.cc_container a {
color: #eead0e !important; /* linkcolor */
text-decoration: underline !important;
}

/*Timeline css
/*Apply margin and wrap text around timeline event images*/
/*This is the portrait version*/
.tlimage {
margin: 10px;
border-radius: 16px;
width: 80px;
float: left;
}

/*Apply margin and wrap text around timeline event images*/
/*This is the landscape version*/
.tlimagewide {
margin: 10px;
border-radius: 16px;
width: 120px;
float: left;
}

/*Timeline Event Headings*/
.tlevents2{
font-weight:bold;
font-size: 15px!important;
font-variant: small-caps;
}

/*Remove bullet point from Timeline Event Headings*/
.tlevents2 li {
list-style-type:none!important;
}

/*Set font style for Timeline Events body text*/
.tlevents2 li p, .tlevents2 li p a {
font-weight:normal;
font-size: 13px!important;
font-variant: normal!important;
}

/*This controls the vertical spacing between paragraphs in the event description text*/
.tlevents2 li p {margin-top: 10px!important; margin-bottom:0!important;}

/*  Lists = */
ul {margin: 10px 0 20px 0;	padding: 0 0 0 15px;}
ul li a {color: #151269; font-weight: normal; padding: 0;}
ul li a:hover {color: #404040; font-weight: normal; text-decoration: underline;}
ul.list1 li {list-style-type: none; position: relative; margin-left: -10px; padding-left: 20px;}
ul.list1 li:before {position: absolute; font-family: 'FontAwesome'; font-size: 14px; top: 1px; left: 0; content: "\f0a9"; color: #151269;}
.list-inline {list-style: outside none none; margin-left: -5px; padding-left: 0;}
.list-inline > li {display: inline-block; padding-left: 5px; padding-right: 5px;}

/* ====================================================== TYPOGRAPHY ============================================================ */
p a {word-wrap: break-word;}
h1 {font: 46px 'Cormorant Garamond', Garamond, serif; color: #151269; font-weight: 500;margin: .3em 0 .3em 0; letter-spacing: -1px;}
h2 {font: 32px 'Cormorant Garamond', Garamond, serif; color: #151269; font-weight:normal; text-align:center; margin: .3em 0; letter-spacing: 1px;}
h3 {font: 24px 'Cormorant Garamond', Garamond, serif; color: #001933; letter-spacing: -1px; margin: 10px 0; padding: 5px 0;}
h4 {font: normal 28px 'Cormorant Garamond', Garamond, serif; margin: .3em 0;}
h5 {font: normal 24px 'Cormorant Garamond', Garamond, serif; color: #151269; margin: .3em 0; font-variant: small-caps;}
h6 {font: normal 24px 'Cormorant Garamond', Garamond, serif; color: #724d34; text-align:center; margin: .3em 0;}
p.white {font-size: 90%; color:#ffffff;}
p.note {background-color:rgba(255, 255, 255, 0.75); color:#000040; padding: 10px 20px;}
p.note2 {font-size: 75%; font-weight: italic; text-align: center;}
p.note3 {background-color:rgba(255, 229, 204, 0.75); color:#000040; padding: 10px 20px;}

/*  ===================================================== PARAGRAPHS ============================================================== */
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.tiny {font-size: 65%;}
.small {font-size: 85%;}
.medium {font-size: 90%;}
.large {font-size: 140%;}
.xlarge {font-size: 180%;}
.xxlarge {font-size: 52px; font-weight: bold;}
.assinatura {font-family: 'Bradley Hand', 'Brush Script Std', cursive; font-size: 2rem;}
.assinatura2 {font-family: 'Brush Script MT', 'Brush Script Std', cursive; font-size: 2rem; text-align: right;}
.huge {font-family: 'Open Sans', Verdana, Helvetica, sans-serif; font-size: 10rem; font-weight: bold; margin: 0px;}
.huge2 {font-family: 'Open Sans', Verdana, Helvetica, sans-serif; font-size: 3rem; font-weight: bold;}

/* ===================== FANCYBOX ==================== */
.fancybox {text-align:center; height: auto; min-height: 600px; background-image: url('../img/fancy.jpg'); background-position: 50% 50%; background-repeat: no-repeat; 
	background-size: cover; padding: 40px 1% 40px 1%; box-sizing: border-box; border: 1px solid #1f2159;}	
.fancybox p {font-family: "Garamond", serif; font-size: 20px; line-height: 30px; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8); color: #fff; text-align:center;}
.fancybox h1 {font: 44px 'Cormorant Garamond', Garamond, serif, Arial, Verdana, Helvetica, sans-serif; color: #fff; font-weight:normal;	text-align:center; margin: .3em 0; margin-bottom: -10px;}
.fancybox h2 {font: 26px 'Cormorant Garamond', Garamond, serif, Arial, Verdana, Helvetica, sans-serif; color: #fff; font-weight:normal;	text-align:center; margin: .3em 0; margin-bottom: -10px;}
.fancybox h3 {font: 16px 'Cormorant Garamond', Garamond, serif, Arial, Verdana, Helvetica, sans-serif; color: #fff; font-weight:normal;	text-align:center; margin: .3em 0; margin-bottom: -10px;}
.fancybox h5 {font: 26px 'Cormorant Garamond', Garamond, serif, Arial, Verdana, Helvetica, sans-serif; color: #dbddf3; margin: .3em 0; font-variant: small-caps; text-align: center;}
.fancybox h6 {font: 26px 'Cormorant Garamond', Garamond, serif, Arial, Verdana, Helvetica, sans-serif; color: #dbddf3;}

/*  =================================================== Main Nav Coding ============================================================ */
div.icons a:hover {color: #fff; background-color:#2a2d7a; border-radius: 5px;}
ul.tngdd .menulink {font-size: 14px; font-weight: normal; color: #fff!important; background: url('../img/ArrowDown.png') no-repeat 2px 11px; width:95px; border:none!important; padding-left: 30px; padding-right: 2px;  padding-top: 5px; padding-bottom: 8px;}
ul.tngdd .menuhover, .menulink:hover {background:url('../img/arrowdown2.png') no-repeat 2px 11px; padding-top: 5px; padding-bottom: 8px;color:#fff; background: #2a2d7a!important; text-decoration:none; margin: 0 0 10px 0; border:none!important;}ul.tngdd .menuhover, .menulink:hover {background:url('img/arrowdown2.png') no-repeat 2px 11px; padding-top: 5px; padding-bottom: 8px;color:#fff; background: #2a2d7a!important; text-decoration:none; margin: 0 0 10px 0; border:none!important;}
#newlanguage1 {color: #fff; background-color: transparent; border: none; font-size:14px !important; padding: 6px; text-transform: uppercase;margin-left: -400px;}

/*  ================================================== Admin Page Coding =========================================================== */
a.admincell:hover, a.leftlink:hover {background-color:#2a2d7a;} /* This is the Admin Cell for People, Families, etc */
.tngmsgarea a, .tngmsgarea a:active, .tngmsgarea a:link, .tngmsgarea a:visited {color: #14153a;	text-decoration: none;  text-shadow: 0px;}
.tngmsgarea a:hover {color: #1f2159;}
div.tngmsgarea {color: #14153a;}

#tngnav a {color:#fff!important; background:#2a2d7a; border-right:1px solid #444; padding: 0.45em 1em 0.35em 8px;border-radius: 4px 4px 0px 0px;}
#tngnav a:hover {background:#14153a; color:#fff;}/*active tab*/
#tngnav a.here {background:#14153a; color:#fff; border-right:1px solid #777; margin: 0;}/*active tab*/