/*
Template: thefox
Theme Name: TheFox Child Theme
Theme URI: http://www.thefoxwp.com
Description: A superflexible and responsive Business Theme by Tranmautritam team -
Update notifications available on twitter and facebook:
Follow me on twitter
- Join the Facebook Group A theme by Tranmautritam Team.
Version: 1.20
Author: Tranmautritam Team
Author URI: http://themeforest.net/user/tranmautritam?ref=tranmautritam
License: Themeforest Split Licence
License URI: -
*/
@import url("../thefox/style.css");
@import url("../thefox/style_end.css");
/************************************************************************************
Put your custom CSS below this block :)
*************************************************************************************/
/*=======================
OFFICIAL FBC COLOR SCHEME
=========================
Light Blue: #13b5ea rgb(19,181,234)
Alt Blue: #009ace rgb(0,154,206)
Very Dark Blue: #172934 rgb(23,41,52)
Light Gray: #919191 rgb(145,145,145)
Dark Gray: #222222 rgb(34,34,34)
*/
.fbc-light-blue {
color:#13b5ea;
}
.fbc-alt-blue {
color:#009ace;
}
.fbc-dark-blue {
color:#172934;
}
.fbc-light-gray {
color:#919191;
}
.fbc-dark-gray {
color:#222222;
}
/* Usually an h1 */
.page-title {
font-size:3em;
font-weight:bold;
background-color:#13b5ea;
padding:10px;
color:#ffffff;
display:table;
margin:auto;
margin-top:30px;
margin-bottom:30px;
border-radius:10px;
}
/* Usually an h2 */
.section-title {
text-align:left;
}
/* Usually an h3 */
.sub-title {
text-align:left;
margin-top:0px;
margin-bottom:0px;
}
.row-gray-gradients {
background: #c9c9c9; /* Old browsers */
background: -moz-linear-gradient(top, #c9c9c9 0%, #dedede 7%, #9a9a9a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c9c9c9 0%,#dedede 7%,#9a9a9a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c9c9c9 0%,#dedede 7%,#9a9a9a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#9a9a9a',GradientType=0 ); /* IE6-9 */
}
.row-gray-gradient {
background: #f0f0f0; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #f0f0f0 0%, #b5b5b5 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #f0f0f0 0%,#b5b5b5 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #f0f0f0 0%,#b5b5b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#b5b5b5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.white-box-title {
text-align:center;
padding:15px 20px;
border:13px solid white;
margin-bottom:40px;
color:#13b5ea;
background-color:rgba(255,255,255,.2);
font-size:2.5em;
}
.full-width {
width:100%;
}
.row-hide {
display:none;
}
@media screen and (min-width:768px) {
.mobile-hide {
display:inherit !important;
}
.mobile-show {
display:none !important;
}
}
@media screen and (max-width:767px) {
.mobile-hide {
display:none !important;
}
.mobile-show {
display:inherit !important;
}
}
/* ========================================================================================
===========================================================================================
Custom Contact Form
===========================================================================================
======================================================================================== */
#contact-name {
width:48%;
margin-right:3%;
display:inline-block;
}
#contact-email {
width:48%;
display:inline-block;
}
#contact-subject {
width:99%;
display:block;
}
#contact-message {
width:99%;
display:block;
}
#contact-submit input {
background-color:rgba(19,181,234,1);
border:none !important;
}
#contact-submit input:hover {
background-color:#172934 !important;
border:none !important;
}
/* ========================================================================================
===========================================================================================
Mega Menu Styles
===========================================================================================
======================================================================================== */
.mm_widget_area:hover {
background-color:#e9e9e9;
}
#header_socials a {
color:#b0b0b0 !important;
}
#header_socials a:hover {
color:#13b5ea !important;
}
ul#menu-secondary-nav a {
color:#13b5ea;
padding:4px 6px 4px 6px;
border-radius:5px;
font-weight:500;
}
ul#menu-secondary-nav a:hover {
color:#ffffff;
background-color:#13b5ea;
}
/*=== Remove Arrow from Main Nav Dropdown ===*/
#header_container nav ul > li > a:after {
font-family: "";
content: "" !important;
padding-left: 0px !important;
}
/*=== Remove Arrow from Mega Menu Dropdown ===*/
#header_container nav ul li li a:after {
font-family: "";
content: "" !important;
padding-left: 0px !important;
}
a.mm-cover:link, a.mm-cover:visited {
display:block;
width:100%;
height:175px;
border-left:none !important;
background-color:rgba(0,0,0,0) !important;
background-size: cover !important;
background-position:center center;
padding:0px !important;
}
a.mm-cover:hover, a.mm-cover:active {
background-color:rgba(0,0,0,0) !important;
}
.mm-cover div {
width:100%;
height:100%;
padding:15px;
background-color:rgba(0,0,0,.5);
}
.mm-cover div:hover {
background-color:rgba(0,154,206,.5);
}
/*=============================
Conferences
=============================*/
a.mm-conference:link, a.mm-conference:visited {
display:block;
width:100%;
height:175px;
border-left:none !important;
background-color:rgba(0,0,0,0) !important;
background-size: cover !important;
background-position:center center !important;
padding:0px !important;
}
a.mm-conference:hover, a.mm-conference:active {
background-color:rgba(0,0,0,0) !important;
}
.mm-conference div {
width:100%;
height:100%;
padding:15px;
background-color:rgba(0,0,0,.5);
}
.mm-conference div:hover {
background-color:rgba(0,0,0,0);
}
div.rd_megamenu_widget_area {
padding:0px;
}
span.mm-heading {
text-align:center !important;
display:block;
font-size:1.75em;
color:white;
margin-top:60px;
}
/* ============POSITIONAL FIXES========================= */
.rd_megamenu_widget_area .sb_widget:last-child {
margin-bottom: 0px!important;
}
#header_container nav .rd_megamenu li a, .rd_megamenu li a {
padding: 0px!important;
}
#header_container nav ul ul .mm_widget_area {
border-left-color: rgba(0,0,0,0) !important;
}
/* ===================================== */
#mm-im-new {
background-image:url(/images/mega-menu/fbc-auditorium-sibley500.jpg) !important;
}
#mm-pastoral-staff {
background-image:url(/images/mega-menu/handshake.jpg) !important;
}
#mm-our-beliefs {
background-image:url(/images/mega-menu/bible.jpg) !important;
}
#mm-contact {
background-image:url(/images/mega-menu/imac.jpg) !important;
}
#mm-ministries {
background-image:url(/images/mega-menu/bus.jpg) !important;
}
#mm-announcements {
background-image:url(/images/mega-menu/fbc-auditorium-sibley500.jpg) !important;
}
#mm-discipleship {
background-image:url(/images/mega-menu/counseling.png) !important;
}
#mm-bible-reading {
background-image:url(/images/mega-menu/bible.jpg) !important;
}
#mm-yc {
background-image:url(/images/mega-menu/yc-mm.jpg) !important;
}
#mm-hbc {
background-image:url(/images/mega-menu/bible-conference.jpg) !important;
}
#mm-lc {
background-image:url(/images/mega-menu/ladies-conference.jpg) !important;
}
#mm-ms {
background-image:url(/images/mega-menu/marriage-seminar.jpg) !important;
}
/* ========================================================================================
===========================================================================================
Custom FOOTER Styles
===========================================================================================
======================================================================================== */
div.widget h2 {
/* border-bottom:2px solid #13b5ea;
color:#13b5ea;
padding-bottom:5px; */
display:inline-block;
background-color:#009ace;
padding:3px 10px 3px 10px;
border-radius:2px;
}
hr.light-rule {
border-top:none;
border-right:none;
border-bottom:1px solid rgba(255,255,255,.3);
border-left:none;
}
/* ========================================================================================
===========================================================================================
Ministries
===========================================================================================
======================================================================================== */
.ministries {
padding:10px 25px;
font-size:1.1em;
}
.ministries h3 {
font-size:2.25em;
color:#13b5ea;
display:block;
border-bottom:2px solid #13b5ea;
padding-bottom:10px;
margin-bottom:20px;
text-transform:uppercase;
}
.max-width-nine {
max-width:925px;
margin:auto;
display:table;
}
/* Good Accordian Options
7
9 11 16 */
/* ========================================================================================
===========================================================================================
Prayer Groups
===========================================================================================
======================================================================================== */
.prayer-groups ul li {
list-style-type:none;
margin-bottom:50px;
float:left;
min-width:33%;
}
@media only screen and (max-width:1214px) and (min-width:801px) {
.prayer-groups ul li {
min-width:50%;
}
}
@media only screen and (max-width:800px) {
.prayer-groups ul li {
width:100%;
float:none;
}
}
.prayer-groups ul li h4 {
color:#009ace;
}
span.prayer-groups-bold {
font-weight:bold;
}
/* ========================================================================================
===========================================================================================
Video Wrapper
===========================================================================================
======================================================================================== */
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
/*padding-top: 10px;*/
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ========================================================================================
===========================================================================================
Plan of Salvation
===========================================================================================
======================================================================================== */
ol#plan-of-salvation li {
font-weight:900;
line-height:1.4em;
padding:20px 0px;
}
.bible-verse {
text-indent:-2em;
padding-left:6.5em;
padding-top:10px;
padding-bottom:10px;
}
.bible-verse span.reference {
font-weight:400;
font-style:italic;
}
.bible-verse span.verse {
font-weight:300;
font-style:italic;
}
.salvation-content {
font-weight:700;
padding-left:2em;
}
blockquote p {
opacity:1;
}
/* ========================================================================================
===========================================================================================
VBS
===========================================================================================
======================================================================================== */
table.vbs-table {
margin-bottom:30px;
}
table.vbs-table td {
padding:5px;
}
table.vbs-table td:nth-of-type(1) {
font-weight:bold;
color: rgb(44, 62, 80);
}