/*   
Theme Name: Charitas Child Theme
Theme URI: 
Description: Use this theme to start your Charitas Child Theme development.
Author: Victor Tihai
Author URI: http://wplook.com/
Template: charitas-wpl
Version: 1.0.0.
*/

@import url('../charitas-wpl/style.css');
@import url('http://fonts.googleapis.com/css?family=Open+Sans');

body, h1, h2, h3, h4, h5, h6 {
    /* Alteration */
    font-family: "Arial", Helvetica Neue, Helvetica, sans-serif;
    /*
    font-family: 'Open Sans', sans-serif !important;
    */
}
.widget_text_icl .textwidget h5, .homepageboxes, .layer .static .init p {
    font-family: 'Archivo Narrow', sans-serif !important;
}
.mixed-slider {
    font-family: "Arial", Helvetica Neue, Helvetica, sans-serif !important;
}

.mixed-slider2 {
    font-family: "Arial", Helvetica Neue, Helvetica, sans-serif !important;
}

.mixed-slider a:hover {
    color: #ffffff;
	text-decoration:underline;
}

.mixed-slider2 a:hover {
    color: #ffffff;
	text-decoration:underline;
}

/* promo block */
.promo-block{
	background-color:#f1862e;
	color:rgba(255,255,255,1.00);	
	padding:5px 0;
	position:fixed;
	bottom:0;
	width:100%;
	max-width: 1184px;
}
.promo-block-inner{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1184px;
	position:relative;
}
.promo-block-logo{	
}
.promo-block-logo-inner{
	text-align:center;
	border-right:#fff 1px solid;	
}
.promo-block-logo img{
	height:50px !important;
	width:auto !important;
	margin-top:5px;
}
.promo-block-copy{
	display: flex;
	align-items: center;
	justify-content: center;
}
.promo-block-copy-inner{
	flex: 1;
	margin-top:5px;
	font-size:18px;
}
.promo-block-copy-inner p{
	margin-bottom:0px;
	font-size:18px;
}
.promo-block-action{
	text-align:center;
}
.promo-block-action a{
	display:inline-block;
	padding:10px;
	background-color:#a01115;
	color:#fff !important;
	font-size:24px;
	text-transform:uppercase;
	text-align:center;
	padding:5px 20px;
	margin-top:10px;
}
a.close-button{
	color:#fff;
	text-decoration:none;
	text-align:right;
	background-color:transparent;
	padding:5px;
	margin:0;
	font-size:14px;
	display:block;
	position:absolute;
	top:0;
	right:10px;
}


/* Remove underlines from links */
a {
    text-decoration: none;
}

#page, #main, #sticky_navigation, .flexslider, #teaser {
    background-color: #fff !important;
	
}

/* WH - removing slim grey border from top of news scroller section */
#sticky_navigation {
	border-bottom:none;
	
}

article {
    font-family: "Arial", Helvetica Neue, Helvetica, sans-serif;
    /*
    font-family: 'Open Sans', sans-serif !important;
    */
	margin-bottom: 25px;
}
.container_16{
    width: 100% !important;
}

/* START WH - Reduce space above logo and menu */
.container_16 .grid_16 {
	margin-bottom: -35px;
}
/* END WH - Reduce space above logo and menu */

/* in-focus navigation */
/* ==|== top navigation  = = = = = = = = = = = = = = = = = = = = = */

ul#nav-in-focus {
    list-style-type:none;
    padding: 0;
    margin:0;
    text-transform: uppercase;
    text-decoration: none;
}

ul#nav-in-focus li {
    position:relative;
    display:inline-block;
    padding:0px 0 10px 0;
    height: auto;
}

ul#nav-in-focus li a {
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    /*color: #3b3b3d;*/
    /*-webkit-transition: border .2s ease-out;*/
}

/*ul#nav-in-focus li a:hover, ul#nav li.current_page_item a {
    border-bottom: 4px solid #e9e9e9;
}*/

ul#nav-in-focus li:hover {
    visibility:visible;
    opacity: 1;
    filter:alpha(opacity=100);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

ul#nav-in-focus li.current_page_item a {
    /*border-bottom: 0px solid #e9e9e9;*/
}

/* This is the sub menu links */
ul#nav-in-focus ul { /*first sub level*/
    visibility:hidden;
    opacity:0;
    filter:alpha(opacity=0);
    transition: visibility 1s linear 0.2s,opacity 0.2s linear;
    -webkit-transition: visibility 1s linear 0.2s,opacity 0.2s linear;
    -moz-transition: visibility 1s linear 0.2s,opacity 0.2s linear;
    -ms-transition: visibility 1s linear 0.2s,opacity 0.2s linear;
    -o-transition: visibility 1s linear 0.2s,opacity 0.2s linear;
    position:absolute;
    top:27px !important;
    left:0px;
    z-index:10000;
    list-style:none;
    margin:0;
    width: auto;
    min-width:150px;
    -moz-box-shadow: 0 0px 8px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0px 8px rgba(0,0,0,0.2);
    box-shadow:0 0px 8px rgba(0,0,0,0.2);
    background-color: #a80000;
}

/* This makes the sub menus appear */
ul#nav-in-focus li:hover ul, ul#nav-in-focus li:focus ul { /*first sub level*/
    visibility:visible;
    color: #000;
    opacity: 1;
    filter:alpha(opacity=100);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

ul#nav-in-focus li.menu-item ul.sub-menu li {
    width:100%;
    float:left;
    border-bottom: 1px solid #ccc;		
    margin: 0 !important;
    line-height:100%;
    padding: 5px 0px;
}
/*
ul#nav-in-focus ul.sub-menu li:last-child {
    /*border-bottom: none;*/
/*}
*/
ul#nav-in-focus li.menu-item ul.sub-menu li a {
    padding:0px 12px;
    height: auto;
    font-size:13px !important;
    display: block;
}

/* Dropdown menu level one hover effect */
ul#nav-in-focus li.menu-item ul.sub-menu li a:hover {
    color: #f18d06 !important;
}


/* ==|== top navigation  = = = = = = = = = = = = = = = = = = = = = */

ul#nav {
    list-style-type:none;
    float:right;
    padding: 15px 0 0 0;
    margin:0;
    font-size: 16px;
    /*font-family: "Arial", Helvetica Neue, Helvetica, sans-serif;*/
    font-family: 'Archivo Narrow', sans-serif;
    text-transform: uppercase;
}

ul#nav li {
    position:relative;
    display:inline-block;
    padding:0px 0 10px 0;
    margin-left:10px;
    height: auto;
}

ul#nav li a:hover, ul#nav li.current_page_item a {
    border-bottom: 4px solid #e9e9e9;
}

ul#nav li a {
    padding: 0px 5px;
    text-decoration: none;
    font-weight: bold;
    color: #3b3b3d;
    -webkit-transition: border .2s ease-out;
}

ul#nav li:hover {
    visibility:visible;
    opacity: 1;
    filter:alpha(opacity=100);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

ul#nav li.current_page_item a {
    border-bottom: 0px solid #e9e9e9;
}

ul#nav ul.sub-menu li {
    width:100%;
    float:left;
    border-bottom: 1px solid #ccc;			
    margin: 0 !important;
    line-height:100%;
    padding: 10px 0px !important;
}

ul#nav ul.sub-menu li:last-child {
    border-bottom: none;
}

ul#nav ul.sub-menu li a {
    padding:0px 12px;
    height: auto;
    font-size:13px !important;
    display: block;

}

ul#nav li ul.submenu li a:hover, ul#nav li ul.submenu li.current_page_item ul li a {
    border:none; 
}

ul#nav ul { /*first sub level*/
    visibility:hidden;
    opacity:0;
    filter:alpha(opacity=0);
    /*transition: visibility 1s linear 0.2s,opacity 0.2s linear;
    -webkit-transition: visibility 1s linear 0.2s,opacity 0.2s linear;
    -moz-transition: visibility 1s linear 0.2s,opacity 0.2s linear;
    -ms-transition: visibility 1s linear 0.2s,opacity 0.2s linear;
    -o-transition: visibility 1s linear 0.2s,opacity 0.2s linear;*/
    position:absolute;
    top:27px !important;
    left:0px;
    z-index:5000;
    list-style:none;
    margin:0;
    padding:0 0 5px 0 !important;
    width: auto;
    min-width:150px;
    -moz-box-shadow: 0 0px 8px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0px 8px rgba(0,0,0,0.2);
    box-shadow:0 0px 8px rgba(0,0,0,0.2);
    background:#fff;
}

ul#nav li:hover ul, ul#nav li:focus ul, ul#nav li.sf-hover ul { /*first sub level*/
    visibility:visible;
    opacity: 1;
    filter:alpha(opacity=100);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#site-navigation ul li:hover ul ul, #site-navigation ul li:focus ul ul, #site-navigation ul li.sf-hover ul ul { /*second sub level */
    visibility:hidden;
    opacity:0;
    filter:alpha(opacity=0);
    transition: visibility 1s linear 0.2s,opacity 0.2s linear;
    -webkit-transition: visibility 1s linear 0.2s,opacity 0.2s linear;
    -moz-transition: visibility 1s linear 0.2s,opacity 0.2s linear;
    -ms-transition: visibility 1s linear 0.2s,opacity 0.2s linear;
    -o-transition: visibility 1s linear 0.2s,opacity 0.2s linear;
    position:absolute;
    top:0px !important;
    left:140px;
    z-index:6000;
    list-style:none;
    margin:0;
    padding:0 0 5px 0 !important;
    width: auto;
    min-width:150px;
    -moz-box-shadow: 0 0px 8px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0px 8px rgba(0,0,0,0.2);
    box-shadow:0 0px 8px rgba(0,0,0,0.2);
    background:#fff;
}

#site-navigation ul ul li:hover ul, #site-navigation ul ul li:focus ul, #site-navigation ul ul li.sf-hover ul { /* second sub level*/
    visibility:visible;
    opacity: 1;
    filter:alpha(opacity=100);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#site-navigation  ul li ul li a:hover, #site-navigation  ul li.current_page_item ul li a {
    border:none;
}

aside h3 {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    color:#3b3b3d;
    font-weight: bold;
    font-size: 16px;
}

#text_icl-47, #text_icl-45, #text_icl-49, #text_icl-50, #text_icl-54, #text_icl-55 {
	margin-bottom:32px;
}

#text_icl-62 {
	margin-bottom: 18px;
	margin-top: 24px;
}

/* START removal of widget margin underneath footer widgets */
#text_icl-4, #text_icl-6, #text_icl-7 {
	margin-bottom:25px;
}

#text_icl-28 {
	margin-bottom:-12px;
}

#colophon .widget h3 {
	margin-bottom: 35px;
}


/*#text_icl-4, #text_icl-6, #text_icl-7, #text_icl-33 {
	margin-bottom:0px;
} */

/* END removal of widget margin underneath footer widgets */

.homepage-map {
    width: 100%;
    margin: 0 auto;
}

svg {
    margin-left: auto;
    margin-right: auto;
}

/* Hide flex-button */
.flex-button {
    display: none;
}

#toolbar {
	max-width: 1184px;
	margin-left: auto;
	margin-right: auto;
}

#toolbar ul .search-items {
    visibility:hidden;
    opacity:0;
    filter:alpha(opacity=0);
    transition: visibility 0s linear 0.5s,opacity 0.5s linear;
    -webkit-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
    -moz-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
    -ms-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
    -o-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
    position:absolute;
    top:40px !important;
    right:0px;
    z-index:5000;
    list-style:none;
    margin:0;
    padding: 24px !important;
    width: auto;
    min-width:272px;
    background: #a80000 !important;
}
#toolbar ul .search a:hover, #lowerbar ul .search a:hover{
    background: #a80000 !important;
}
#toolbar ul .search:hover, #lowerbar ul .search:hover {
    background: #a80000 !important;
}
#toolbar ul .search:hover .search-items, #lowerbar ul .search:hover .search-items{
    background: #a80000 !important;
    visibility:visible;
    opacity: 1;
    filter:alpha(opacity=100);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

/* position the widget locations in the toolbars. */
.toolbar-widget-left {
    float: left;
    margin-top: 11px;
}
.toolbar-widget-right {
    /*float: right;*/
    height: 32px;
    font-size: 14px;
}

.flickr-widget {
    padding: 8px 10px 0 10px;
    height: 32px;
    display: inline-block;
    font-size: 14px;
    color: #FFFFFF !important;
    background: #a80000;
}

.flickr-widget a {
    /*padding-left: 10px;
    padding-right: 10px;*/
    padding-top: 4px !important;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff !important;
    height: 32px;
    font-size: 14px;
}
.flickr-widget:hover {
    /*background-color: #f6c004 !important;
    height: 32px;
    font-size: 14px;*/
    background: #f6c004;
    color: #fff;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -ms-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
}

.toolbar-infocus {
    float: right;
    padding: 12px 5px 0 5px;
    height: 32px;
    font-size: 14px;
    color: #FFFFFF !important;
    background-color: #a80000;
}
.toolbar-infocus:hover {
    background-color: #f6c004;
    height: 32px;
    font-size: 14px; 
}

/* Toolbar to include a new link, so this pushes the default template list to the left. */
#toolbar ul, #lowerbar ul {
    /*margin-right: 20px;*/
}

#toolbar ul li {
    font-size: 100%;
    padding: 0 5px;
}
.widget ul li {
    background: none;
}
.widget ul li:before {
    content: none;
}

.flex-control-thumbs {
    display: none;
}

/* Homepage slider */
homepage-outer-slider-wrapper {
    width: 100%;
    display: block;
}

#homepage-slider-wrapper {
    background-color: #fff;
    display: block;
    width: 100%;
}

#homepage-slider {
    float: left;
    margin-right: 1%;
    height: 100%;
    width: 73%;
    max-height: 312px;
    max-width: 870px;
	margin-bottom: 75px;
}

#homepage-slider-sidebar {
    float: right;
    max-width: 272px;
    /* Added for newsletter background in homepage slider sidebar */
    /*background: #a80000;*/
    /*max-height: 346px;*/
}
/* Newsletter in homepage slider sidebar */
#homepage-slider-sidebar .textwidget {
    color: #fff;
}
#homepage-slider-sidebar .textwidget > p {
    font-family: "Arial", Helvetica Neue, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0;
}
#homepage-slider-sidebar > #text_icl-47 > .textwidget, #homepage-slider-sidebar > #text_icl-54 > .textwidget, #homepage-slider-sidebar > #text_icl-55 > .textwidget {
    margin-left: 14px;
}
#homepage-slider-sidebar > #text_icl-47 form > div > div.input-div, #homepage-slider-sidebar > #text_icl-54 form > div > div.input-div, #homepage-slider-sidebar > #text_icl-55 form > div > div.input-div {
    width: 75%;
}
#homepage-slider-sidebar > #text_icl-47 input[type=text], input[type=email], #homepage-slider-sidebar > #text_icl-54 input[type=text], input[type=email], #homepage-slider-sidebar > #text_icl-55 input[type=text], input[type=email] {
    width: 96%;
}
#homepage-slider-sidebar > #text_icl-47 .form.mc4wp-form, #homepage-slider-sidebar > #text_icl-54 .form.mc4wp-form, #homepage-slider-sidebar > #text_icl-55 .form.mc4wp-form, #widget-easy-twitter-feed-widget-kamn-2 {
     margin: 0;
}
#homepage-slider-sidebar > #text_icl-47 .mc4wp-form label, #homepage-slider-sidebar > #text_icl-54 .mc4wp-form label, #homepage-slider-sidebar > #text_icl-55 .mc4wp-form label {
  display: none;
}

form.mc4wp-form .mc4wp-alert {
	margin-top:0 !important;
	float:left;
}

/* End of newsletter in homepage slider sidebar styling */

#homepage-slider-end {
    clear: both;
}

/* Navigation boxes under the slider */
/* For contianers to be centred based on 3 being visible */
/* #aligner {
    margin-left: 20px;
} */

/* For containers to span the site */
/*.grid_5 {
    margin: 0 !important;
}
.container_16 .grid_5 {
    width: auto !important;
}
.grid_5 .second-home-widget-area {
    margin-left: 8% !important; margin-right: 8% !important;
}
.third-home-widget-area {
    float: right;
}*/


@media (max-width: 768px) {
    /*.toolbar-widget-right {
        display: none;
    }*/
	
    #homepage-slider-wrapper {
        display: none;
    }
	
	nav select {
        display: none;
    }

    nav ul {
        display: block;
    }
}

@media (max-width: 640px) {
    #aligner {
        margin-left: auto;
    }
/*
    .site-header {
        padding-top: 10px;
    }
*/
    #toolbar > .container_16_ > .grid_16 > ul {
        display: none;
    }

    .toolbar-widget {
        margin-left: auto;
        margin-right: auto;
    }

    nav ul {
        display: none;
    }

    nav select {
        display: inline-block;
        background-color: #FFFFFF;
        border: 1px solid #DFDFDF;
        height: 3em;
        padding: 9px;
        width: 98%;
        margin: 10px 1%;
    }
}


/* START WH CHANGES */

.hideshow a {display:none;}
.hideshow:hover a {display:block;}

/*div a {visibility:hidden;}
div:hover a {visibility:visible;}*/

.first-home-widget-area, .second-home-widget-area, .third-home-widget-area, .forth-home-widget-area {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
/* Provides padding to the content on pages/posts */
#main .inner {
	padding: 25px 0px 0px 0px;
}

#aligner {
    padding-top: 0px;
}


/* Thumbnail homepage scroller look alterations */
.mixed-slider .thumbnail-scroller.vertical .thumbnail.over, .mixed-slider .thumbnail-scroller.vertical .thumbnail.select {
    background-color: #f1f1f1 !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.mixed-slider2 .thumbnail-scroller.vertical .thumbnail.over, .mixed-slider2 .thumbnail-scroller.vertical .thumbnail.select {
    background-color: #f1f1f1 !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}


.thumbnail-wrapper {
    color:#ffffff;
}

.slider-main {
    border-top-right-radius: 5px;
    /*	z-index:99999 !important;*/
}

.history > .slider-main {
    padding-top: 0px !important;
}

.text-thumbnail .thumbnail-scroller.vertical .thumbnail-wrapper {
	margin: 0px 0px 0px 0px !important;
}
/* Thumbnail on the main page needs to appear behind other elements. */
.thumbnail-scroller.vertical {
    z-index: 1 !important;
}
.advanced-slider .thumbnail-scroller {
    z-index: 1 !important;
}


/* The embedded container CSS allows for Flickr gallery to resize responsively.*/
div.embedded-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    /*padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
div.embedded-container object, div.embedded-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Prevents the text in the slider from jumping due to position: relative style */
.advanced-slider .slide-wrapper {
    position: absolute !important;
}
/* Provides a radius colour around flickr logo in the top navigation*/
#toolbar ul .share-items .share-item-icon-flickr a:hover, #lowerbar ul .share-items .share-item-icon-flickr a:hover{
    background: #ff0084;
}
/* Hide breadcrumbs */
#rootline {
    display: none;
}
/* Reduction of image caption text throughout site */
.wp-caption-text {
    font-size: 11px;
}
.arrow-button {
    float: left;
    height: 24px;
    line-height: 24px;
    position: relative;
    margin: 0;
    padding: 0 10px 0 24px;
    background: #0ac92b;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}
.arrow-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
    cursor: pointer;
    display: block;
}

.whitelink a {
	color: #ffffff !important;
	text-decoration: none;
	font-size: 12px;
	line-height: 12px;

}

.whitelink a:hover {
	color: #ffffff !important;
	text-decoration: underline;

}
/* Added to account for style or fontawesome icons in footer */
#lowerbar ul li {
    font-size: 100%;
    padding: 0 !important;
    background: none !important;
    float: left;
    display: inline;
    text-align: center;
}
#lowerbar ul li a {
    color: #fff;
    margin: 0;
    padding: 0px 0 0 0;
    text-decoration: none;
    display: inline-block;
}
#lowerbar ul a.link {
    padding-top: 10px;
    width: 40px;
    height: 30px;
    background: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
#lowerbar ul .share-items .share-item-icon-facebook-sign a:hover{
    background: #3a589b;
}

#lowerbar ul .share-items .share-item-icon-twitter-sign a:hover{
    background: #19bfe8;
}

/* Language Selector */
#lang_sel_list li:before {
    content: none !important;
}
#lang_sel_list a:visited {
    display: block;
    text-decoration: none !important;
    color: #fff !important;
    background: transparent;
}
.lang_sel_sel, .lang_sel_other {
    color: #fff !important;
    font-size: 100% !important;
    padding: 0 5px !important;
    font-family: "Arial", Helvetica Neue, Helvetica, sans-serif !important;
}

.homepageboxes1 a { 
    color: #ffffff !important;
    display: block;
	background: #a80000 !important;
	width: 272px;
	border:solid 1px #ffffff;
	padding: 19px 50px 13px 12px;
    text-decoration: none; 
    font-weight: normal; 
}
.homepageboxes1 a:hover { 
    color: #ffffff !important;
	background: #a1a1a4 !important;
    text-decoration: none; 
}

.homepage-box {
    font-size: 16px;
    font-family: 'Archivo Narrow', sans-serif;
    font-weight: bold;
    width: 100%;
    max-width: 272px;
    background-color: #666666;
    border:solid 1px #ffffff;
    display: block;
    line-height: 40px;
    text-decoration: none;
}
.homepage-box a {
    padding: 0 7px;
    text-transform: uppercase;
}
.homepage-box a, .homepage-box a:hover, .homepage-box a:visited {
    color: #fff;
}
.homepage-box:hover {
    background: #a80000 !important;
}
.allnews-box {
    font-size: 16px;
    font-family: 'Archivo Narrow', sans-serif;
    font-weight: bold;
    width: 100%;
    max-width: 272px;
    background-color: #a80000;
    border:solid 1px #ffffff;
    display: block;
    line-height: 40px;
    text-decoration: none;
    width: 100%;
    position: relative;
    top: 72px;
    margin-bottom: 30px;
}
.allnews-box a {
    float: none !important;
    color: #3b3b3d;
    text-decoration: none;
    padding: 70px 5px 5px 5px;
    font-weight: bold;
    /*float: left;*/
    font-family: Helvetica;
    position: relative;
}

.allnews-box a, .allnews-box a:hover, .allnews-box a:visited {
    color: #fff;
}
.allnews-box:hover {
    background: #666666 !important;
}
/*  Set News-slider text non-hover colour */
.thumbnail-content {
    color: #3b3b3d !important;
	/*font-weight: bold;*/
	font-family: Helvetica;
}

/*  Set News-slider text hover colour */
.select, .over  {
    color: #3b3b3d !important;
    font-weight: bold;
}
#nav-in-focus, .donate {
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 13px;
    font-weight: bold;
}
#toolbar ul .donate a, .toolbar-infocus {
    padding-top: 8px;
    font-size: 13px;
}
ul#nav-in-focus li a {
    font-size: 13px;
}

.mixed-slider1, .mixed-slider1  a, .mixed-slider1 a:visited, .mixed-slider1 .titlethumb {
    color: #3b3b3d;
	font-family: verdana;
    font-weight: normal;
}
.mixed-slider1 a:hover {
    color: #3b3b3d;
	text-decoration:underline;
    font-weight: normal;
}
.mixed-slider1 .thumbnail-scroller.vertical .thumbnail.over, .mixed-slider1 .thumbnail-scroller.vertical .thumbnail.select {
    font-weight: normal;
    background-color: #fff !important;
}
.mixed-slider1 .titlethumb {
    margin-bottom: 0px !important;
}
.mixed-slider1 .titlethumb span {
    cursor: default;
}
.forth-home-widget-area {
    padding-bottom: 8%;
}

/* Pen Centres Map Template Page */
ul.centres-category-list > li.grid_2 {
    width: 13.5%;
    display: inline;
    float: left;
    position: relative;
    margin-left: 1%;
    margin-right: 1%;
    padding-bottom: 20px;
}

.centres-category-list {
    margin: 1.5em 1.2% 1.5em 4%;
}

.centres-list-item {
    min-width: 100px;
    padding-top: 10px;
}

.centres-list-item a, .centres-list-item a:visited {
    color: #000;
}

.centres-category-titles {
    padding: 5%;
    display: block;
    background-color: #a80000;
    text-decoration: none;
    color: #fff;
    text-transform:uppercase;
    font-weight:bold;
    font-size: 16px;
    font-family: 'Archivo Narrow', sans-serif;
}

.toggle-posts, .toggle-posts-end {
    color: red;
    cursor: pointer;
}

@media (max-width: 720px) {
    ul.centres-category-list > li.grid_2 {
        width: 98%;
    }
    .centres-category-titles {
        padding: 2%;
    }

    .centres-category-list {
        margin: 1.5em 3% 1.5em 3%;
    }
}

/*#colophon {
	background: none;
	padding-top: 0px;
}*/

@media screen and (min-width: 1184px) {
    #text_icl-58 {
        /*margin: 0 -4%;*/
    }
    #text_icl-58 .widget-title {
	margin-bottom: 0px;
    }
    #text_icl-58 .widget-title h3 {
	display: none;
    }
}
@media screen and (min-width: 640px) and (max-width: 1183px) {
    #text_icl-58 {
        /*margin: 0 -5%;*/
    }
}
@media screen and (max-width: 639px) {
    #text_icl-58 {
        /*margin: 0 -5% 0 -1%;*/
    }
}

.entry-meta-press > .share-buttons {
     display: none;
}

/* SHARETHIS changes */
.st_donate_large{
	width:86px;
	height:30px;
	/*float:left;*/
	/*padding: 17px 86px 30px 0;*/
}

span.st_donate_large{
	width:86px;
	height:30px;
}

.pdfprnt-bottom-left {
    float: left;
	height: 30px;
	padding: 1px 3px !important;
}

.pdfprnt-bottom-left a {
	padding: 0 !important;
}

#text_icl-58 {
    position: absolute;
}

#text_icl-58 .widget-title {
    display: none;
}

#colophon {
	padding-top: 23px;
}

/* START Make YouTube videos responsive*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* END Make YouTube videos responsive*/

.widget-easy-twitter-feed-widget-col { margin-top: 24px; }

/* END WH CHANGES */

/* JOIN CHANGES Dec 2015 */
a.join-us-button{
	display:block;
	padding:10px;
	background-color:#f1862e;
	color:#ffffff !important;
	font-size:16px;
	font-weight:bold;
	margin-right:30px;
}

.joinus{
	margin:0 10px 30px 10px;
}
.join-tab{
	margin:0;
}
.join-tab .entry{
	background-color:#f1862e;
	padding:20px 10px;
	clear:both;
	text-align:center;
	display: flex;
}
.join-tab .entry .panel-1, .join-tab .entry .panel-2, .join-tab .entry .panel-3{
	vertical-align: top;
	margin:0 10px;
	text-align:left;
	flex: 1;
}
.join-tab .entry .panel-1{
	background-color:#ffffff;
	font-size:13px;
}

.join-tab .entry .panel-1 p:first-child {
	margin-top:20px;
}

.join-tab .entry .panel-1 p{
	padding-left:20px;
	padding-right:20px;
	font-size:13px;
}
.join-tab .entry .panel-2{
	background-color:#000000;
	width:245px;
	flex: 0 0 auto; 
}
.join-tab .entry .panel-2 img.alignleft{
	float:none;
	display:inherit;
	width:100%;
	align-content:center;
	text-align:center;
}
.join-tab .entry .panel-3{
	background-color:#000000;
	color:#ffffff;
}
.join-tab .entry .panel-3 p, .join-tab .entry .panel-3 h3, .join-tab .entry .panel-3 ul{
	padding-left:20px;
	padding-right:20px;
	font-size:15px;
}
.join-tab .entry .panel-3 h3{
	padding-top:20px;
	color:#FFFFFF;
	font-size:36px;
	font-weight:bold;
}
.clearme{
	clear:both;
}

ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.tabs li{
	color: #000;
	display: inline-block;
	cursor: pointer;
	margin-right:10px;	
}
ul.tabs li .tab-inner{
	background:#e7e7e9; 
	color: #000;
	cursor: pointer;
	padding:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	margin-top:10px;
}
ul.tabs li h5, ul.tabs li h6{
	color: #000000;
	font-size:15px;
	font-weight:bold;
}
ul.tabs li h6{
	font-size:12px;
	color:#f2862e;
	text-transform:uppercase;
}
ul.tabs li.current{
	background: #f2862e;
	color: #fff;
	padding-top:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
ul.tabs li.current .tab-inner{
	background:none;
	cursor: pointer;
	padding:10px;
	margin-top:0px;
}
ul.tabs li.current h5, ul.tabs li.current h6{
	color: #fff;
	font-size:15px;
	font-weight:bold;
}
ul.tabs li.current h6{
	font-size:12px;
}
.tab-content{
	display: none;
	background: #fff;
}
.tab-content.current{
	display: inherit;
}

.join-title{
	font-size:54px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:right;
	margin-top:30px;
	border-right:#ffffff 2px solid;
	padding-right:24px;
}
.join-sub-title{
	font-size:20px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:left;
	margin-top:40px;
	padding-left:24px;
}
.join-sub-title p{
	font-size:20px;
	font-weight:normal;
	color:#FFFFFF;
}

.sc-payment-btn {
    display:block;
	background-image:none;
	border-radius:0;
	box-shadow:none;
	padding:10px;
	background-color:#f1862e;
	color:#ffffff !important;
	font-size:16px;
	font-weight:bold;
	margin-right:30px;
	border:none;
	margin-left:20px;
}
.sc-payment-btn:hover {
    background-color:#a80000;
	cursor:pointer;	
}


@media (max-width: 768px) {
    .join-tab .entry{
		background-color:#f1862e;
		padding:20px 10px;
		clear:both;
		text-align:center;
		display: flex;
		flex-direction: column;
	}
	.join-tab .entry .panel-2{
		width:auto;	
	}
	
	.join-title{
		font-size:38px;
		font-weight:bold;
		color:#FFFFFF;
		text-align:left;
		margin-top:10px;
		border-right:none;
		padding-right:10px;
		padding-left:10px;
		text-align:center;
		border-bottom:#ffffff 1px solid;
	}
	.join-sub-title{
		font-size:18px;
		font-weight:normal;
		color:#FFFFFF;
		text-align:left;
		margin-top:10px;
		padding-left:10px;
		padding-right:10px;
		text-align:center;
		margin-bottom:15px;
	}
	ul.tabs li{
		color: #000;
		display:block;
		cursor: pointer;
		margin-right:10px;
		width:100%;
	}
	ul.tabs li h5, ul.tabs li h6{
		display:inline-block;
	}
	ul.tabs li h6{
		padding-left:10px;
	}
	
}

/*
.join-tab .entry { overflow: hidden; }
.join-tab .entry .panel-1, .join-tab .entry .panel-2, .join-tab .entry .panel-3{
  width: 27%;
  padding: 30px 3.15% 0;
  float: left;
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}
.join-tab .entry .panel-1 { margin-left: 33.3%; background: #ccc; }
.join-tab .entry .panel-2 { margin-left: -66.3%; background: #eee; }
.join-tab .entry .panel-3 { left: 0; background: #eee; }
.join-tab .entry p { margin-bottom: 30px; } /* Bottom padding on col is busy */
*/