/* Screen.css | May 15, 2018 @12:44:18 PM */ 
/* Import Google Fonts */
@import url("https://fonts.googleapis.com/css?family=Lato:100");
@import url("https://fonts.googleapis.com/css?family=Lato:100italic");
@import url("https://fonts.googleapis.com/css?family=Lato:300");
@import url("https://fonts.googleapis.com/css?family=Lato:300italic");
@import url("https://fonts.googleapis.com/css?family=Lato:regular");
@import url("https://fonts.googleapis.com/css?family=Lato:italic");
@import url("https://fonts.googleapis.com/css?family=Lato:700");
@import url("https://fonts.googleapis.com/css?family=Lato:700italic");
@import url("https://fonts.googleapis.com/css?family=Lato:900");
@import url("https://fonts.googleapis.com/css?family=Lato:900italic");
html,
body {
min-width: 1050px;
}
body {
font-family: Lato;
background-image: url('/storage/themes/4388/background1.jpg');
background-color: #a6d4eb;
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
}
.wrapper {
width: 1050px;
margin: auto;
padding: 0 20px 20px 20px;
box-sizing: border-box;
}
a {
color: #0079C2;
transition: 0.2s ease all;
}
.btn,
#template form.formWizForm input[type=submit],
input[type=submit],
button,
.item-nav a {
color: #fff;
font-family: Lato;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
background: #3393c1;
padding: 10px;
margin-top: 10px;
display: inline-block;
box-sizing: border-box;
-webkit-transition: ease all .2s;
transition: ease all .2s;
cursor: pointer;
border: none;
}
.btn:hover,
#template form.formWizForm input[type=submit]:hover,
input[type=submit]:hover,
button:hover {
color: #fff;
background: #333;
text-decoration: none;
}
section.main {
background: #fff;
margin-top: 100px;
}
.include-header {
margin: 0 -20px -50px -20px !important;
position: relative;
top: -80px;
}
header {
display: table;
width: auto;
}
header nav.top {
position: absolute;
right: 20px;
top: 36px;
height: 50px;
}
header nav.top a {
text-transform: uppercase;
font-size:20px;
color: #3393c1;
padding: 10px;
}
header nav.top a:hover {
color: #fff;
}
header nav.top .item-donate > a {
font-weight: 700;
color: #fff;
background: #3393c1;
position: relative;
overflow: visible !important;
margin-left: 10px;
}
header nav.top .item-donate > a:hover {
background: #ce2a2a;
}
header nav.top .item-donate {
position: relative;
}
header nav.top .item-donate:hover a {
padding-bottom: 20px;
margin-bottom: -10px;
}
header nav.top .item-donate > a:after, header nav.top .item-donate > a:before {
content: '';
position: absolute;
border-top: 20px solid #3393c1;
height: 0;
width: 0;
top: 100%;
transition: 0.2s ease all;
}
header nav.top .item-donate > a:hover:after, header nav.top .item-donate > a:hover:before {
border-top-color: #ce2a2a;
}
header nav.top .item-donate > a:after {
border-left: 80px solid transparent;
right:0;
}
header nav.top .item-donate > a:before {
border-right: 80px solid transparent;
left:0;
}
.item-shop a:before {
font-family: FontAwesome;
content: '\f07a';
display: inline-block;
padding-right: 5px;
position: relative;
top: 2px;
}
header .logo {
display: table-cell;
width: 1%;
padding: 0 50px 0 50px;
overflow: visible;
white-space: nowrap;
vertical-align: middle;
}
header .logo a {
display: inline-block;
}
header .logo img {
width:270px;
}
/* Main Navigation */
header nav.main {
display: table-cell;
vertical-align: bottom;
padding-bottom: 30px;
}
header nav.main .navigation-widget {
text-align: right;
width: 100%;
height: 40px;
background-image: url('/storage/themes/4388/nav-bg.png');
background-repeat: no-repeat;
background-position: right center;
background-size: 100% 100%;
}
header nav.main .navigation-widget .l1 > a {
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 20px 0 0;
text-transform: uppercase;
color: #222;
font-size: 25px;
letter-spacing: 2px;
font-weight: 700;
}
header nav.main .navigation-widget .l1 > a:after {
font-family: FontAwesome;
content: '\f0d7';
display: inline-block;
padding-left: 5px;
color: #777;
}
.navigation-widget .horizontal .submenu {
padding: 15px;
background: #fff;
box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}
.navigation-widget .horizontal .submenu a {
color: #222;
}
.navigation-widget .horizontal .submenu a:hover {
color: #0079C2;
}
/* Main Banner */
div.main-banner {
padding-bottom: 20px;
}
.slider-widget .slide-wrapper {
border: none;
}
/* Blog */
.blogs-module .blog-sidebar {
background-color: #fafafa;
padding: 15px;
box-sizing: border-box;
width: 250px;
}
.blogs-module.full-mode .item-list {
margin-left: 270px;
}
.blogs-module .blog-sidebar > h4 {
margin-top: 0;
}
.blogs-module .item-list .item {
padding-left: 60px;
position: relative;
}
p.date {
position: absolute;
top: 10px;
left: 0;
background: #eee;
padding: 5px;
}
p.date .month {
background-color: #0079C2;
}
p.date .day,
p.date .weekday {
color: #0079C2;
}
.blogs-module .item .meta {
margin-left: 0;
font-size: 0.8em;
}
.blogs-module .blog-sidebar .btn {
display: block;
}
.blogs-module .archives {
margin-top: 10px;
}
/* Blog Read More Button Change */
body.home .secondary.last .blogs-module .permalink .btn span,
body.videos-interviews .blogs-module .item-permalink .btn span {
display: none;
}
body.home .secondary.last .blogs-module .permalink .btn:before,
body.videos-interviews .blogs-module .item-permalink .btn:before {
content: 'Watch';
}
/* Footer */
footer {
text-align: center;
margin-top: 20px;
}
footer .social {
margin: 0 -20px 0 -20px;
background-color: #5fa9dd;
padding: 20px 0 20px 0;
text-align: center;
margin-bottom: 20px;
}
footer .social a {
font-size: 0;
color: #afcfed;
text-decoration: none;
display: inline-block;
padding: 0 10px 0 10px;
}
footer .social a:hover {
color: #fff;
}
footer .social span {
font-size: 50px;
}
footer .footer-nav {
margin-bottom: 15px;
}
footer .footer-nav a {
color: #939598;
font-size: 20px;
text-transform: uppercase;
display: inline-block;
padding: 0 10px 0 10px;
border-right: 2px solid #939598;
}
footer .footer-nav a:hover {
color: #333;
}
footer .footer-nav li:last-child a {
border: none;
}
footer .copyright,
footer .bottom-nav {
display: inline-block;
font-size: 12px;
color: #939598;
vertical-align: middle;
}
footer .copyright {
padding: 0 10px 0 10px;
}
footer .bottom-nav a {
color: #939598;
padding: 0 10px 0 10px;
font-size: 12px;
}
#templatefooter {
padding: 20px 0 20px 0;
}
.slider-widget{
padding-top:10px;
padding-bottom:10px;
padding-left:3px;
padding-right:5px;
}/* Default | Nov 1, 2016 @11:53:45 AM */