/*
Theme Name: marydhonau
Theme URI: www.marydhonau.co.uk
Description: Website and Wordpress theme designed by Hidden Cortex Manchester, UK web design - Stuart Pennington - 2015. 
Version: 1.0 - Developed April 2015
Author: Hidden Cortex - Stuart Pennington | www.hiddencortex.co.uk - Web design based in Manchester, UK - Please Email: info@hiddencortex.co.uk | Call: 07429138755 for more information.
*/
@import url(//fonts.googleapis.com/css?family=EB+Garamond);
body{
	font-family: 'EB Garamond', serif;
    color: #555;
    background-color: #ffffff;
}
/*ul, li {
	list-style-type: none;
}*/
.list-style-none ul, .list-style-none li{
    list-style-type: none;
}
h1, h2, h3, h4, h5, h6,{
	font-family: 'EB Garamond', serif !important;
    font-weight: bold;
    text-decoration: none !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'EB Garamond', serif !important;
    margin-top: 0px !important;
}
h1 {
    color: #404040 !important;
    font-size: 28px;
    line-height: 1.4;
    margin-top: 0px;
    margin-bottom: 0px;
}
h2 {
    font-size: 26px;
    line-height: 1.4;
}
h3,{
    font-size: 26px;
    line-height: 1.0;
    margin-top: 10px !important;
}
h4 {
    font-size: 22px;
    line-height: 1.4;
}
h5 {
    font-size: 18px;
    line-height: 1.4;
}
h6 {
    font-size: 16px;
    line-height: 1.4;
}
p{
	font-family: 'EB Garamond', serif !important;
	font-weight: normal;
	color: #404040;
    font-size: 15px;
}
a{
	color: #404040;
    font-size: 15px;
    text-decoration: underline;
}
a:hover{
	color: #0055a5;
}
span.caret{
	color: #ffffff !important;
}
.caret{
    border-top: 4px solid #ffffff !important;
}
/*ul, li {
	list-style-type: none;
}*/
input, textarea{
    padding: 10px;
    border-radius: 1px;
    border: 2px solid #0055a5;
    font-size: 15px;
    background-color: #f3f1f2;
    outline-color: #0055a5;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
}
/*--------------------------------------------------------------------------------*/
/*-------------------------[ ADDITIONAL THEME STYLES ]----------------------------*/
/*--------------------------------------------------------------------------------*/
.aligncenter{
	margin: 0 auto;
}
/*----------Muli Font--------*/
.muli-font{
	font-family: 'EB Garamond', serif;
}
/*----------Colour Text------*/
.color-title-purple{
	color: #800080; 
}
.color-text-blue{
	color: #0055a5;
}
.color-text-white{
	color: #ffffff; 
}
.color-text-light-grey{
	color: #808080; 
}
.color-text-dark-grey{
	color: #444444 !important; 
}
.border-line{
	border-bottom: 1px solid white;
	padding-bottom: 10px;
}
/*Line Style*/
hr{
    color: #E2E2E2;
    margin: 15px 0px;
    background-color: #E2E2E2;
    height: 1px;
}
/*-----Additional Font Info.----------------------------*/
.big-text{
	font-size: 24px;
}
.medium-text{
	font-size: 15px;
}
.bold-font{
	font-weight: bold;
}
.text-align-right{
	text-align: right;
}
.text-align-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.text-align-justify{
	text-align: justify;
}
.text-underline{
	text-decoration: underline;
}
.text-underline-hover:hover{
	text-decoration: underline !important;
}
p.small-text, a.small-text{
	font-size: 9px !important;
}
.small-medium-text{
	font-size: 10px;
}
.medium-text{
	font-size: 13px;
}
.bold-text{
    font-weight: bold;
}
.large-line-height{
	line-height: 45px;
}
.medium-line-height{
	line-height: 35px;
}
/*-------------Buffers-----------------------------------------*/
.top-bottom-buffer{
	margin-top: 10px;
	margin-bottom: 10px;
}
.top-bottom-buffer-small{
	margin-top: 5px;
	margin-bottom: 5px;
}
.top-bottom-buffer-copyright{
    margin-top: 20px;
    margin-bottom: 20px;
}
/*----------*/
.top-buffer{
	margin-top: 15px;
}
.top-buffer-small{
	margin-top: 10px;
}
.top-buffer-tiny{
	margin-top: 5px;
}
.top-buffer-medium{
	margin-top: 20px;	
}
.top-buffer-big{
	margin-top: 35px;
}
.top-buffer-big-big{
	margin-top: 45px;
}
.top-buffer-massive{
	margin-top: 60px;
}
/*----------*/
.top-bottom-buffer{
	margin-top: 10px;
	margin-bottom: 10px;
}
/*----------*/
.right-buffer{
	margin-right: 100px;
}
.left-buffer{
	margin-left: 150px;
}
/*----------*/
.bottom-buffer{
	margin-bottom: 15px;
}
.bottom-buffer-medium{
	margin-bottom: 35px;
}
.bottom-buffer-small{
	margin-bottom: 20px;
}
.bottom-buffer-tiny{
	margin-bottom: 5px;
}
.bottom-buffer-category{
	margin-bottom: 15px;
}
/*----------*/
.reduced-bottom-buffer{
	margin-top: 5px;
	margin-bottom: -15px;
}
.reduced-top-buffer{
	margin-top: -5px;
}
.reduced-top-buffer-medium{
	margin-top: -20px;
}
.reduced-top-buffer-events{
	margin-top: -20px;
}
.reduced-top-buffer-staff{
	margin-top: -40px;
}
/*-Bottom-Buffer Screen-*/
/*@media(min-width:992px){.bottom-buffer{margin-bottom: 5px;}}*/
/*@media(min-width:1200px){.bottom-buffer{margin-bottom: 20px;}}*/
.left-buffer-small{
	margin-left: 15px;
}
.left-buffer-big{
	margin-left: 85px;
}
.left-buffer-very-small{
	margin-left: 8px;
}
/*-------------Padding--------------------------------------*/
.padding-10{
	padding: 10px;
}
.no-left{
	padding-left: 0px;
}
.no-right{
	padding-right: 0px;
}
/*-------------Position--------------------------------------*/
.position-absolute{
	position: absolute;
}
/*-----------Additional Help--------------------------------*/
.center-object{
	margin: 0 auto;
}
img.center-image{
	display: block;
    margin-left: auto;
    margin-right: auto; 
}
.z-top{
	z-index: 9999;
}
/*--------------------------------------------------------------------------------*/
/*----------------------------------[Clear]---------------------------------------*/
/*--------------------------------------------------------------------------------*/
.clear-left{
	clear: left;
}
.clear-right{
	clear: right;
}
/*--------------------------------------------------------------------------------*/
/*-------------------------------[Opacity + Hover]--------------------------------*/
/*--------------------------------------------------------------------------------*/
.opacity:hover{
	opacity: 0.8;
}
/*--------------------------------------------------------------------------------*/
/*-----------------------[ Header + Footer MAIN STYLE]----------------------------*/
/*--------------------------------------------------------------------------------*/
#footer {
    border-top: 1px solid #404040;
    background: #687da5;
}
/*--------------------------------------------------------------------------------*/
/*---------------------------[ Static Top Nav + Socal]----------------------------*/
/*--------------------------------------------------------------------------------*/
#static-top-nav{
    width: 100%;
    margin: 0 auto;
    position: fixed;
    z-index: 9999;
    background-color: #404040;
    margin-top: -10px;
}
/*--------------------------------------------------------------------------------------------------------*/
/*--------------------------[TOP SOCIAL ICONS + mail and phone]----------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
/*SOCIAL ICONS*/
#top-social-icons{
    display: inline;
}
#top-social-icons img{
    margin-right: 25px;
    margin-top: 14px;
}
/*-------------------------------------------------------------------------------*/
/*-------------------------[Main Search Styles]----------------------------------*/
/*-------------------------------------------------------------------------------*/
#searchform {
    padding: 0;
    clear: both;
    width: 100%;
}
#searchform fieldset {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}
.article #searchform fieldset {
    float: none;
    max-width: 300px;
}
.article #searchform .icon-search {
    height: 28px;
    width: 13%;
}
.sbutton {
    border: 0;
    width: 32px;
    height: 17px;
    position: absolute;
    cursor: pointer;
    padding: 0;
    color: white;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    z-index: 1;
    background: url('img/search.png') center no-repeat;
    text-indent: -999em;
    right: 3px;
    border-left: 1px solid #D8D8D8!important;
    margin-top: 11px;
}
#s {
    width: 99.6%;
    border: 1px solid #E2E2E2;
    float: left;
    padding: 7px 0;
    height: 35px;
    text-indent: 10px;
    opacity: 1;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    background: #ffffff;
    position: relative;
    z-index: 1;
}
/*--------------------------------------------------------------------------------*/
/*--------------------------------[ Navigation ]----------------------------------*/
/*--------------------------------------------------------------------------------*/
#navigation > ul li a{
    color: #ffffff;
}
#navigation > ul li a:hover{
    color: #dddddd;
}
.secondary-navigation {
    display: block;
    float: right;
    background-color: #34547e;
    width: 100%;
}
.secondary-navigation a {
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    line-height: 1.4;
    padding: 10px 40px 10px 18px;
    min-height: 35px;
    font-family: 'EB Garamond', serif !important;
}
.secondary-navigation a:hover, .secondary-navigation .sfHover {  }
.secondary-navigation li li a { line-height: 1 }
.secondary-navigation a .sub {
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    text-transform: none;
}
.secondary-navigation a .sf-sub-indicator {
    font-size: 10px;
    color: #ffffff;
    position: absolute;
    right: 12px;
    top: 22px;
}
.secondary-navigation ul > ul a .sf-sub-indicator {
    top: 18px;
    right: -10px;
}
.menu .current-menu-item > a { border-bottom: 1px solid #404040; }
.menu .current-menu-item > a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #34547e;
    bottom: 0px;
    left: 0;
    z-index: 1;
}
#navigation {
    margin: 0 auto;
    font-size: 13px;
    width: 100%;
    float: left;
}
#navigation ul { margin: 0 auto }
#navigation .menu { float: left }
#navigation ul li {
    float: left;
    position: relative;
    margin-left: 0;
}
#navigation > ul li:first-child a { padding-left: 3px; color: #ffffff;}
#navigation > ul li:last-child a { border-right: 0 }
#navigation ul .header-search { float: right }
#navigation > ul > li:last-child { border-right: none }
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited { display: block }
#navigation > ul > .current a {
    background: transparent;
    color: #ffffff !important;
}
#navigation ul ul {
    position: absolute;
    width: 480px;
    z-index: 400;
    font-size: 12px;
    background: #34547e;
    padding: 0;
    margin-top: 4px;
    border-radius: 1px;
}
#navigation ul ul li {
    margin-left: 0;
    padding: 0 5%;
    width: 100%;
    border-bottom: 1px solid #ffffff;
}
#navigation ul ul li:hover { background: #34547e; width: 100%; border-bottom: 1px solid #ffffff;}
#navigation ul ul a, #navigation ul ul a:link, #navigation ul ul a:visited {
    padding: 12px 0;
    position: relative;
    border-left: 0;
    background: transparent;
    border-right: 0;
    text-transform: none;
    line-height: 1.4;
    margin-right: 0;
    min-height: 100%;
}
#navigation ul ul li:last-child a { border-bottom: none }
#navigation ul ul {
    opacity: 0;
    left: -999em;
}
#navigation ul li:hover ul {
    left: 5px;
    opacity: 1;
    top: 38px;
}
#navigation ul ul ul {
    top: -1px;
    right: 1px;
    padding-top: 0;
}
#navigation ul ul ul:after {  }
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li:hover ul ul ul ul {
    left: -999em;
    opacity: 0;
}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul {
    opacity: 1;
    left: 238px;
    top: -5px;
}
.sub-menu {
    top: 22px;
    background: #34547e;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both }
.clearfix { *zoom: 1    }
nav a#pull { display: none }
/*-----Extra style for navbar----*/
#menu-main-menu{
    padding-left: 15px;
}
/*------------Automatic Dropdown for Navebar Menu----------*/
.dropdown:hover .dropdown-menu {
    display: block;
}
/*--------------------------------------------------------------------------------*/
/*--------------------[ Navigation small screen]----------------------------------*/
/*--------------------------------------------------------------------------------*/

/*-----*/

/*--------------------------------------------------------------------------------*/
/*--------------------------[ OWL SLIDER - HOMEPAGE SLIDER]-----------------------*/
/*--------------------------------------------------------------------------------*/
#owl-demo .item{
  margin: 10px;
}
#owl-demo .item img{
    display: block;
    width: 100%;
    min-height: 320px !important;
    max-height: 320px !important;
}
/*--------Style for Slider on Page--------*/
#owl-demo .item{
    margin-right: 15px;
}
#owl-demo .item img:hover{
    border: 3px solid #34547e;
}
/*----------------------*/
.owl-theme .owl-controls{
    margin-top: 0px;
    text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
    color: #ffffff;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 1px;
    background: #34547e;
    
    -webkit-transition:all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
    background: #34547e;
    text-decoration: none;
    
    -webkit-transition:all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 5px;
    background: #34547e;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
/* preloading images */
.owl-item.loading{
    min-height: 150px;
    background: url(img/AjaxLoader.gif) no-repeat center center
}
.owl-theme .owl-controls .owl-buttons div{
    opacity: 1 !important;
}
/*--------------------------------------------------------------------------------*/
/*------------------------[All About Mary Box Homepage]---------------------------*/
/*--------------------------------------------------------------------------------*/
.box-background{
    overflow: hidden;
    background-color: #34547e;
    border: 2px solid #ebe6f2;
    padding: 0px 15px 0px 15px;
    padding-bottom: 15px;
}
/*------------------------------*/
/*ABOUT MARY TEXT*/
.about-mary-text{
    width: 75%;
}
/*ABOUT MARY IMAGE*/
img#about-mary-img{
    margin: 6% 2% 0% 0%;
    border: 3px solid #dddddd;
}
img#about-mary-img:hover{
    -webkit-box-shadow: 8px 11px 8px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    8px 11px 8px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         8px 11px 8px 0px rgba(50, 50, 50, 0.75);
}
/*--------------------------------------------------------------------------------*/
/*------------------[Flood Warning + About Carley Homepage]-----------------------*/
/*--------------------------------------------------------------------------------*/
/*ABOUT CARLEY IMAGE*/
img#about-carly-img{
    margin: 0% 2% 0% 0%;
    border: 3px solid #dddddd;
    height: 110px;
}
img#about-carly-img:hover{
    -webkit-box-shadow: 8px 11px 8px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    8px 11px 8px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         8px 11px 8px 0px rgba(50, 50, 50, 0.75);
}
/*--------------------------------------------------------------------------------*/
/*------------------------[ BOTTON STYLE - WHOLE THEME]---------------------------*/
/*--------------------------------------------------------------------------------*/
.btn{
    font-family: 'EB Garamond', serif !important;
    font-weight: normal;
    margin: 0px;
    padding: 12px 17px 12px 17px;
    font-size: 17px;
    border-radius: 2px;
    background-color: #34547e !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;

    -webkit-transition:all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.btn:hover{
    color: #ffffff !important;
    background-color: #687da5 !important;
    
    -webkit-transition:all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
/*--------------------------------------------------------------------------------------------------------*/
/*----------------------------------[Contact Form 7 style]------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form input[type=tel],
.wpcf7-form select,
.wpcf7-textarea{
    width: 100%;
    margin: 0;
    padding: 10px;
    margin-top: 10px;
    border-radius: 3px;
    border: 2px solid #dddddd;
    font-size: 15px;
    background-color: #f9f9f9 !important;
    outline-color: #34547e;
    font-family: 'EB Garamond', serif !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
}
/*--Height of text area "Your Message"--*/
.wpcf7-textarea{
    height: 150px;
}
.contact-info-wrapper .wpcf7-form-control-wrap{
    width: 32%;
    margin-right: 2%;
    position: relative;
    float: left;
}
.contact-info-wrapper .wpcf7-form-control-wrap:last-child {
    margin-right: 0px;
}
.contact-info-wrapper{
    margin-bottom: 2%;
}
p.contact-text, p.send-text{
    font-size: 13px;
}
.wpcf7 p{
    margin: 0px;
    font-weight: bold;
    font-size: 13px;
    color: #333333;
    margin-top: 5px;
}
.wpcf7-submit {
    margin: 0px;
    padding: 15px;
    float: right;
}
div.wpcf7 {
    margin: 0;
    padding: 0;
}
.wpcf7-submit, #submit{
    font-family: 'EB Garamond', serif;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 12px 18px 12px 18px;
    font-size: 17px;
    background-color: #34547e !important;
    border: 2px solid #ffffff !important;
    color: #ffffff;
    border: none;

    -webkit-transition:all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.wpcf7-submit:hover, #submit:hover{
    background-color: #0055a5 !important;

    -webkit-transition:all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
/* After 'send' Styles ------------------------------*/
div.wpcf7-mail-sent-ok{
    background-color: #EBFFE0;
    border: 2px solid #73D042;
    border-radius: 2px 2px 2px 2px;
    color: #568937;
    font-size: 10pt;
    margin-top: 10px;
    padding: 13px;
    text-align: center;
    float: left;
    width: 80%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
}
div.wpcf7-mail-sent-ng{
    text-align: center;
    padding: 13px;
    border-radius: 2px;
    margin-top: 10px;
    font-size: 10pt;
    color: #898137;
    background-color: #FFFFE0;
    border: 1px solid #38b7ee;
}
div.wpcf7-spam-blocked{
    text-align: center;
    padding: 13px;
    border-radius: 2px;
    margin-top: 10px;
    font-size: 10pt;
    color: #898137;
    background-color: #FFFFE0;
    border: 1px solid #E6DB55;
}
div.wpcf7-validation-errors{
    text-align: center;
    padding: 13px;
    border-radius: 2px;
    margin-top: 10px;
    font-size: 10pt;
    color: #898137;
    background-color: #FFFFE0;
    border: 1px solid #E6DB55;
    clear: both;
    float: left;
    width: 80%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
}
span.wpcf7-not-valid-tip{
    position: absolute;
    top: -10px;
    right: 0px;
    z-index: 100;
    padding: 4px 12px 3px;
    border-radius: 2px;
    margin-top: 10px;
    font-size: 10pt;
    background-color: #FFE0E0;
    border: 1px solid #E65555;
    color: #893737;
    width: 175px;
    text-align: center;
}
span.wpcf7-not-valid-tip-no-ajax{
    color: #f00;
    font-size: 10pt;
    display: block;
}
span.wpcf7-list-item{
    margin-left: 0.5em;
}
.wpcf7-display-none{
    display: none;
}
img.ajax-loader {
    border: none;
    vertical-align: middle;
    position: relative;
    top: 2px;
    left: 12px;
    box-shadow: none;
}























































/* Large desktop */
@media (min-width: 1200px){#latest-posts-wrap{padding-right: 0px;}}
@media (min-width: 900px){#latest-posts-wrap{padding-right: 0px;}}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {#latest-posts-wrap{padding-right: 15px;}}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {#latest-posts-wrap{padding-right: 15px;}}
/* Landscape phones and down */
@media (max-width: 480px) {#latest-posts-wrap{padding-right: 15px;}}
/*----------*/
img.latest-post-image{
    width: 100%;
    min-height: 162px;
    max-height: 185px;
    /*min-width: 318px;*/
    margin-bottom: 15px;

    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
img.latest-post-image:hover{
    border: 4px solid #34547e;
}
h2.latest-posts-title{
    width: 100%;
    color: #808080;
    font-weight: bold;
    font-size: 23px;
    line-height: 1.4;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
}
.post-info {
    display: block;
    font-size: 14px;
    float: left;
    color: #999;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
}
/*--------------------------------------------------------------------------------*/
/*-----------------------------[SIDEBAR - WHOLE THEME]----------------------------*/
/*--------------------------------------------------------------------------------*/
.sidebar-text{
    text-transform: uppercase;
    color: #34547e;
}
/* Large desktop */
@media (min-width: 1200px){#sidebar-wrap{margin-top: 0px;}}
@media (min-width: 900px){#sidebar-wrap{margin-top: 0px;}}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {#sidebar-wrap{margin-top: 50px;}}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {#sidebar-wrap{margin-top: 65px;}}
/* Landscape phones and down */
@media (max-width: 480px) {#sidebar-wrap{margin-top: 65px;}}
/*--------------------------------------------------------------------------------------------------------*/
/*--------------------------------------[Breadcrumbs]-----------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
.breadcrumb{
    padding: 0px !important;
    margin-bottom: 0px !important;
    background-color:transparent !important;
}
.breadcrumb a{
    color: #404040 !important;
    -webkit-transition:all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.breadcrumb a:hover{
    color: #0055a5 !important;
    -webkit-transition:all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.frontTitle-breadcrumb{
    background-color:transparent !important;
    color: #404040;
    line-height: 36px;
    font-size: 15px;
    padding: 2px 0 2px 0px;
    overflow: hidden;
}
.frontTitle-breadcrumb a:hover {
    color: #0055a5;
}
/*--------------------------------------------------------------------------------------------------------*/
/*----------------------------------------[POST STYLES]---------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
/*-------------[POSTS WITH THUBNAIL]-------------*/
img.post-fetured-image{
    width: 100%;
    min-height: 162px;
    max-height: 185px;
    /*min-width: 318px;*/
}
/*--REMOVED FOR THEME--*/
.cat-post-thumbnail{
    /*position: absolute;*/
    overflow: hidden;
    background: #38B7EE;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 10px;
}
.cat-post-thumbnail:hover{
    background: #2a2a2a;
    
    -webkit-transition:all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
/*--------------------------------------------------------------------------------------------------------*/
/*--------------------------------------[COMMENTS STYLES]-------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
/*-[ Comment Form ]----------------------------*/
ol.commentlist { list-style: none;}
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px solid #E2E2E2; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #687da5; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #687da5; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #687da5; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #687da5; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }
/*----------*/
#comment, #author, #email{
    border-radius: 1px;
    border: 2px solid #0055a5 !important;
}
/*--------------------------------------------------------------------------------------------------------*/
/*----------------------------------------[ARCHIVE PAGE]--------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
.resources-archive{
    overflow: hidden;
    position: relative;
}
li.resources-archive{
    padding: 5px;
}
img.resource-archive-img{
    max-width: 85%;
    max-height: 150px;
    min-width: 350px;

    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
img.resource-archive-img:hover{
     -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.51);
    -moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.51);
    box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.51);

    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.resource-archive-text{
    position: absolute;
    background: rgba(145, 13, 111, 0.8);
    max-width: 85%;
    text-align: left;
    padding: 10px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.resource-archive-text:hover{
    background: rgba(0, 85, 165, 0.8);

    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
p.latest-posts-title{
    font-weight: bold;
    font-size: 15px;
    color: #ffffff !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}



















/*--------------------------------------------------------------------------------------------------------*/
/*--------------------------------[TAG WIDGET - SIDEBAR WIDGET]-------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
.tagcloud a {
    font-family: 'EB Garamond', serif !important;
    font-size: 14px!important;
    padding: 8px 13px 8px 13px;
    margin-bottom: 5px;
    float: left;
    background-color: #38b7ee !important;
    margin-right: 5px;
    color: #FFF!important;

    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.tagcloud a:hover {
    color: #fff!important;
    background-color: #2a2a2a !important;

    -webkit-transition:all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
/*--------------------------------------------------------------------------------------------------------*/
/*------------------------------[Menu Plugin while on small screens]---------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
#click-menu{
	position: fixed;
}
/*--------------------------------------------------------------------------------------------------------*/
/*----------------------------[Download PDF after Contact Form]-------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
.et-icon{
	font-size: 20px;
	float: left;
}
/*--------------------------------------------------------------------------------------------------------*/
/*---------------------------------------[Wordpress Text Align]-------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
img.alignright {float:right; margin:1em 0 1em 1em}
img.alignleft {float:left; margin:1em 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}