﻿/**************** Set up ****************/
html { padding:0; margin:0; height:100%; }
body { padding:0; margin:0; min-height:100%; position:relative; min-width:1260px; background:#f6f7f8; color:#363636; font: 20px/1.5 Helvetica,Arial,sans-serif; font-weight:400; text-rendering:auto; -webkit-font-smoothing: antialiased; -ms-overflow-style: scrollbar;  }
input, textarea { webkit-font-smoothing: antialiased; -filter:chroma(color=#000000); color:#363636; font: 18px Helvetica,Arial,sans-serif; }
::selection { background: #202020 !important; background: rgba(0, 0, 0, 0.5) !important; color:#FFF !important; } 
::-moz-selection { background: #202020 !important; background: rgba(0, 0, 0, 0.5) !important; color:#FFF !important; }
*::-webkit-input-placeholder { color:#abb1b5 !important; opacity:1.0 !important; }
*::-moz-placeholder { color:#abb1b5 !important; opacity:1.0 !important; }
*:-ms-input-placeholder { color:#abb1b5 !important; opacity:1.0 !important; }
*:-moz-placeholder { color:#abb1b5 !important; opacity:1.0 !important; }
::-ms-reveal, ::-ms-clear { display: none; }
a { color: #2980b9; cursor: pointer; text-decoration: none; outline: none; }
a:link { color: #2980b9; }
a:active { color: #1F76B4; }
a:visited { color: #1F76B4; }
a:hover { color: #333; text-decoration: underline; }            
a.fa { text-decoration: none; }            
b { font-weight:600; }
strong { font-weight:700; }
p { margin:0 0 10px 0; padding:0; }
p:last-child { margin-bottom:0; }
ul { list-style-type: none; margin:0; padding:0; }
li { list-style-type: none; margin:0; padding:0; }
p > ul { list-style-type: disc; margin:0; padding:0; }
p > li { list-style-type: disc; margin:0 0 0 20px; padding:0; }
h1 { padding:0; margin:10px 0; font-size:36px; font-weight:700; line-height:normal; }
h2 { padding:0; margin:10px 0; font-size:32px; font-weight:700; line-height:normal; }
h3 { padding:0; margin:10px 0; font-size:28px; font-weight:300; line-height:normal; }
h4 { padding:0; margin:10px 0; font-size:20px; font-weight:600; line-height:normal; }
h5 { padding:0; margin:0; font-size:16px; font-weight:600; line-height:normal; }
h6 { padding:0; margin:0; font-size:13px; font-weight:600; line-height:normal; }
img { box-shadow: 0 0 0 #000; border:0; }
script { display:none !important; }
style { display:none !important; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
table.middle { height:100%; }
table td { padding:0; vertical-align:middle; }

.font-title,
a.font-title { font-family: 'FontAwesome',Helvetica,Arial,sans-serif; font-weight:700; }
.font-color,
a.font-color { color:#363636; }

/**************** Content based off parent size ****************/
/* Instead of saying "in sidebar", do the following, it will give us a more dynamic responsive system with less work for the user */
/* Problem with this is it uses the style attribute, making it harder to overide with viewport screen controls later */
/*.PageManagerContent .panel .cell .cell-wrapper .cell-content[max-width~="960px"] .content-title { font-size:40px; } // tablet */     
/*.PageManagerContent .panel .cell .cell-wrapper .cell-content[max-width~="480px"] .content-title { font-size:50px; } // mobile or sidebar */     

/**************** Shortcodes ****************/
* { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; }
.panel,
.center,
.semi-fixed,
.quick-scroll,
.no-transition { transition: all 0s; -moz-transition: all 0s; -webkit-transition: all 0s; -o-transition: all 0s; }
.no-transitions,
.no-transitions * { transition: all 0s; -moz-transition: all 0s; -webkit-transition: all 0s; -o-transition: all 0s; }
.img-transition { transition: opacity .5s; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; -o-transition: opacity .5s; }
.button,
.button:link { border:0; outline:0; cursor:pointer; padding:8px 16px; margin:0 5px 0 0; display:inline-block; box-sizing:border-box; background-color:rgba(128, 128, 128, .9); color:rgba(255, 255, 255, .9); text-align:center; text-decoration:none; font-size:20px; font-weight:400; line-height:1; }
.dark-background .button,
.dark-background .button:link { background-color:rgba(255, 255, 255, .9); color:rgba(25, 25, 25, .9); }
.button:hover { opacity:0.8; text-decoration:none; }
.button.fa { padding-top:9px; padding-bottom:7px; }
.button:first-child { clear:left; }
.button:last-child { clear:right; margin-right:0; }
.center,
.max-center,
.next-center > * { position:relative; width:1260px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px; box-sizing:border-box; }
.center.panel-table { padding-left:0; padding-right:0; box-sizing:unset; position:static; }
.max-center { width:auto; max-width:1260px; }
.center .center,
.center .max-center { padding-left:0; padding-right:0; width:auto; }
.circle { -moz-border-radius: 999px; -webkit-border-radius: 999px; border-radius: 999px; overflow:hidden; }
.clear { display: block; clear:both; }
.dark-background,
.dark-background .font-color { color:rgba(255, 255, 255, .85); }
.dark-background .font-title,
.dark-background a.font-title { color:rgba(255, 255, 255, 1); }
.delay { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
.fa { font-family:'FontAwesome', Helvetica,Arial,sans-serif; }
.hidden { display:none !important; }
.no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.push:active { transform: scale(0.95, 0.95); -webkit-transform: scale(0.95, 0.95); -moz-transform: scale(0.95, 0.95); -o-transform: scale(0.95, 0.95); -ms-transform: scale(0.95, 0.95); }
.rounded { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow:hidden; }
.rounded.with-overflow { overflow:visible; }
.screen-height { height:100vh; }
.semi-fixed { position:fixed; top:0; left:0; right:0; z-index:50; }
.shadow { -webkit-box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.2); }
.sticky { position:static; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 0; z-index:50; }
.sticky:before, .sticky:after { content: '';  display: table; }
.half { float:left; display:block; width:50%; min-height:1px; }
.half.right { float:right; }
.half:last-child:after { display:block; clear:both; content:'.'; font-size:0; color:transparent; line-height:1; } 
.quick-scroll { overflow:hidden; }           




#PageManagerLogo { background-size:contain; background-repeat:no-repeat; background-position:left center; text-decoration:none; }
#PageManagerLogo > img { border:0; vertical-align:middle; max-width:100%; max-height:100%; }
#PageManagerLogo.logo-normal,
#PageManagerLogo.logo-high-contrast { color:transparent; font-size:0; line-height:0; }

#PageManagerWatermark { position:fixed; z-index:99999; left:0; bottom:0; font-size:20px; font-weight:600; font-family: Arial, Helvetica, sans-serif; line-height:1; text-decoration:none; padding:10px; color:#eee; opacity:0.33; text-shadow:-1px 0 0 #000, 0 -1px 0 #000, 1px 0 0 #000, 0 1px 0 #000; cursor:pointer; transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -o-transition: all 0.1s; -webkit-transition-delay: 3s; -moz-transition-delay: 3s; -o-transition-delay: 3s; transition-delay: 3s; }
#PageManagerWatermark:hover { color:#fff; text-decoration:none; visibility:hidden; opacity:0; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

/**************** Page Manager Content ****************/
.PageManagerForm { position:relative; }
.PageManagerContent { }
.PageManagerContent .panel { position:relative; overflow:hidden; }
.PageManagerContent .panel .panel-background { position:absolute; z-index:-100; top:-20px; left:-20px; right:-20px; bottom:-20px; display:block; content:''; background-size:cover; background-repeat:no-repeat; }
.PageManagerContent .panel .panel-background-layer { position:absolute; z-index:-99; top:-20px; left:-20px; right:-20px; bottom:-20px; display:block; content:''; }
.PageManagerContent .panel .panel-title { background-color:#34495E; }
.PageManagerContent .panel .panel-title .title-tag { display:block; padding-top:50px; padding-bottom:50px; font-size:50px; line-height:1; text-align:center; color:#fff; }
.PageManagerContent .panel .cell { }
.PageManagerContent .panel .cell .cell-wrapper {  }      
.PageManagerContent .panel .cell .cell-wrapper .cell-content { padding:50px 20px 0 20px; }
.PageManagerContent .panel .cell .cell-wrapper .cell-content.next-center { padding-left:0; padding-right:0; }
.PageManagerContent .panel .cell .cell-wrapper .cell-content:after { display:block; clear:both; content:'.'; font-size:0; color:transparent; line-height:1; }            
.PageManagerContent .panel .cell .cell-wrapper .cell-content:last-child { padding-bottom:50px; } 
.PageManagerContent .panel .panel-table.center-no .cell .cell-content:only-child { padding:0; }
.PageManagerContent .panel .panel-table .cell .cell-content .integrated-module { padding:25px 0; min-width:360px; }
.PageManagerContent .panel .panel-table .cell .cell-content .integrated-module:first-child { padding-top:0; }
.PageManagerContent .panel .panel-table .cell .cell-content .integrated-module:last-child { padding-bottom:0; }
/*
.PageManagerContent .panel.only-panel .panel-table.center-no .cell .cell-content,
.PageManagerContent .panel:last-child .panel-table.center-no .cell .cell-content:only-child { padding-top:0; }
.PageManagerContent .panel + .panel.panel-title-no .cell .cell-wrapper .cell-content:first-child { padding-bottom:50px; } */
  
.PageManagerContent .panel .cell .cell-wrapper .cell-content .content-title { margin:0 0 15px 0; padding:0; line-height:normal; font-size:32px; font-weight:600; color:#343E49; }    
.PageManagerContent .panel.dark-background .cell .cell-wrapper .cell-content .content-title,
body.dark-background .PageManagerContent .panel .cell .cell-wrapper .cell-content .content-title { color:#fff; } 
.PageManagerContent .panel .cell.is-condensed .cell-wrapper .cell-content .content-title { font-size:24px; }       
.PageManagerContent .panel .cell .cell-wrapper .cell-content .content-data { }


/* Social Networks */
.social-network.fa { font-size:38px; display:inline-block; margin:0 3px; color:#555; }
.social-network.fa span { display:inline-block; background-color:#555; font-size:20px; line-height:33px; margin:3px 0 0 -6px; padding:0 10px 0 7px; vertical-align:top; color:#fff; border-radius:0 6px 6px 0; -moz-border-radius:0 6px 6px 0; -webkit-border-radius:0 6px 6px 0; }
.social-network.fa:hover { cursor:pointer; opacity:.8; }
.social-network.fa:first-child { margin-left:0; }
.social-network.fa:last-child { margin-right:0; }
.social-network.fa.fa-envelope span { background-color:transparent; color:#555; padding-left:10px; }
.social-network.fa.fa-print span { background-color:transparent; color:#555; padding-left:10px; }
.social-network.fa.fa-facebook-square { color:#3b5998; }
.social-network.fa.fa-facebook-square span { background-color:#3b5998; }
.social-network.fa.fa-twitter-square { color:#00aced; }
.social-network.fa.fa-twitter-square span { background-color:#00aced; }
.social-network.fa.fa-google-plus-square { color:#d34836; }
.social-network.fa.fa-google-plus-square span { background-color:#d34836; }
.social-network.fa.fa-linkedin-square { color:#0077B5; }
.social-network.fa.fa-linkedin-square span { background-color:#0077B5; }
.social-network.fa.fa-pinterest-square { color:#bd081c; }
.social-network.fa.fa-pinterest-square span { background-color:#bd081c; }
.social-network.fa.fa-tumblr-square { color:#35465c; }
.social-network.fa.fa-tumblr-square span { background-color:#35465c; }
.social-network.fa.fa-reddit-square { color:#FF4006; }
.social-network.fa.fa-reddit-square span { background-color:#FF4006; }
    
/* Print */
.print-only { display:none !important; }

@media print {
    body.focused-print { min-width:0; }
    body.focused-print * { background-color: #FFF !important; background-image:none !important; color: #000 !important; border-color: #000 !important; visibility:hidden; text-shadow:none; }
    body.focused-print .focused-print * { visibility:visible; }
    body.focused-print .focused-print { position:absolute !important; top:0 !important; left:0 !important; right:0 !important; width:100% !important; padding:0 !important; }
	body.focused-print .center, .next-center > * { position:static; width:auto; }
    .print-only { display:initial !important; }
    .dont-print { display:none !important; }
}