/*
Theme Name: SouthernFence
Theme URI: #
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The SouthernFence theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 2.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: SouthernFence

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

/*ul.listmenu li {
    list-style: disc;
    background:none !important;
    padding: 0 !important;
    font-size: 16px;
    list-style-position: inside;
}*/
.footer-logo img {
    background: #fff;
    padding: 5px;
}

.footer ul li {
    width: auto !important;
    float: none !important;
    padding: 0 30px 0 0;
	display:inline-block;

}

/*.footer .pleft {
    margin-top: -25px;
}
*/
img.fcg_logo {
    margin-left: 20px;
    margin-top: -19px;
}

.footer h3{font-size:22px !important;}

.blue_block h3:after{left:50% !important; transform:translate(-50%,-50%)}
/* .blue_block{text-align:center;} */
.blue_block a{margin-left:0 !important}
.blue_block h3{font-size:28px !important}

html,
body {
margin:0;
padding:0;
height:100%;
}
.mejs-controls {
    display: none !important;
    visibility: hidden !important;
    }
.outer-container{position:relative; min-height:100%;}

.body-cont {
    padding: 0 0 294px;
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.blue_block ul {
	margin-left: 21px;
}

.blue_block ul li {
	list-style-type: disc;
	padding: 10px;
}

.read_more {display: inline-block;padding: 10px 15px;background: #182a3e;color: #fff;text-transform: uppercase;font-size: 14px;font-weight: 600;text-decoration: none;border-radius: 5px;}
.read_more:hover{background:#000; color:#fff; text-decoration:none;}
.wpcf7-form-control.wpcf7-submit {background: #182a3e;border: 0;color: #fff;padding: 8px 20px;border-radius: 6px;}

.form-group label{ display: block;}

div.rounded img {
    border-radius: 50%;
    border: 1px solid #a2a0a0;
}


.innerpage .sidebar{
	height: 100vh;
    background-color: #182a3e;
    padding-top: 15px;
    padding-bottom: 15px;
}
.innerpage .sidebar h3{
	color: #FFF;
}
.innerpage .sidebar:before{
	content: "";
	height: 100%;
	width: 1px;
	background-color: #ccc;
	position: absolute;
	top: 0;
	left: 0;
}
.innerpage .sidebar .widget-area ul li{
	border-bottom: 1px solid #FFF;
}
.innerpage .sidebar .widget-area ul li a{
	text-decoration: none;
	color: #FFF;
}
.blog-panel .card{
	border: 1px solid #e9e9e9;
}
.blog-panel .card .card-top-heading {
    padding: 15px;
    background-color: #182a3e;
    min-height: 80px;
}
.blog-panel .card .card-top-heading h6{
	padding: 0;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    font-weight: 600;
}
.blog-panel .card .card-top-heading h6 a{color: #FFF; text-decoration: none;}
.blog-panel .card .card-body{
	padding: 15px 15px 55px;
}
.blog-panel .card .card-body h5{
	font-weight: 400;
    border-bottom: 1px solid #e9e9e9;
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 15px;
}
.blog-panel .card .card-body h5.card-title i { margin-right: 10px; }
.blog-panel .card .card-body .card-link{
	background: #182a3e;
    border: 0;
    margin-top: 15px;
    display: table;
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 15px;
    padding: 4px 15px;
    border-radius: 6px;
    text-decoration: none;
}
.blog-panel .card .card-body .card-link:hover{
	background: #000;
}
.wp-pagenavi {
    clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
    color: #FFF;
    text-decoration: none;
    background-color:#182a3e;
    border: none;
    padding: 5px 5px;
    margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border:none;
    color: #FFF;
    background-color:#c21f2a;
    text-decoration: none;
}
.wp-pagenavi span.current {
    font-weight: bold;
    background-color:#c21f2a;
}
.blog-panel{display: flex; flex-wrap: wrap; margin-left: -15px; margin-right:-15px;}
.blog-panel .row{ margin-left: -15px; margin-right: -15px; }
.blog-panel .col-sm-6{ margin-bottom: 35px; }
.blog-panel .col-sm-6 .card{ height: 100%; position: relative; }
.wp-pagenavi{display: block;width: 100%;margin-top: 15px;font-size: 15px;text-align: center; }
.wp-pagenavi a, .wp-pagenavi span{ padding: 10px;text-decoration: none; }
.wp-pagenavi a:hover{text-decoration: none!important;}
.wp-pagenavi span.extend, .wp-pagenavi span.pages{display: none;}

@media screen and (max-width: 768px){
	.innerpage .sidebar{margin-top: 35px;}
}
@media screen and (max-width: 767px){
	.page-template-blog-page .innerpage .col-sm-9, .archive .innerpage .col-sm-9{margin-bottom: 45px;}
}
@media screen and (max-width: 370px){
	.page-template-blog-page .innerpage .col-sm-9 .card h6, .archive .innerpage .col-sm-9 .card h6{
		font-size: 19px;
	}
	.page-template-blog-page .innerpage .col-sm-9 .card-body h5, .archive .innerpage .col-sm-9 .card-body h5{
		font-size: 17px;
	}
}

@media(min-width:320px) and (max-width:639px) {
    .order-first{float:none !important;}
}