﻿
/* MAX 1024px (mediaqueries)
===================================================================== */
@media only screen and (max-width: 1024px) {

    .StandardCBStyle, .StandardCBStyle .normalPara p, .StandardCBStyle .normalPara, .StandardCBStyle p {
        font-size: 14px;
        line-height: 27px;
    }

}

/* MAX 768px (mediaqueries)
===================================================================== */
@media only screen and (max-width: 768px) {

    .StandardCBStyle table.mobilebreak td {
        display: table-row !important;
        width: 100%;
	text-align: center;
    }

}

/* ============================================
 ACCESSIBLE
=========================================== */


/*  SKIP CONTENT    ================= */

.screenreader-text {
    font-family: 'Raleway', Arial, sans-serif; 
	position: absolute;
	left: -999px;
	top: -999px;
	width: 100%;		
	height: 1px;
	overflow: hidden;
}

.screenreader-text:focus, .screenreader-text:active {
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	left: 0 !important;
	top: 0 !important;
	background-color:#3926CD;
	height: 40px;
	color: #ffffff;
	width: 100%;
	margin: 0;
	overflow: hidden;
	padding: 35px 0;
	text-align:center;
	font-size: 22px;
	z-index: 1;
	text-decoration: underline;
}

.screenreader-text:focus span, .screenreader-text:active span {
    outline: 2px solid #ffffff;
	outline-offset: 6px;
	transition: none;
}


/*  FOCUS LINKS    ================= */

a:focus {
    outline: 2px solid #211551;
    outline-offset: 2px;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    z-index: 900000000004 !important;
}

.utilitymenu a:focus {
    outline: 2px solid #ffffff;
	outline-offset: 2px;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.logo a:focus img {
    outline: 2px solid #211551;
    outline-offset: 4px;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.slides-navigation a:focus {
    outline: 2px solid #ffffff;
	outline-offset: 2px;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.slides-pagination a:focus {
    outline: 2px solid #ffffff;
	outline-offset: 2px;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.rowblogfeature a:focus img {
    outline: 2px solid #211551;
    outline-offset: 2px;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.bloglistcontainer a:focus img {
    outline: 2px solid #211551;
    outline-offset: 2px;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.filters li a:focus {
    outline: 2px solid #211551;
    outline-offset: 2px;
}


.logo a:focus img {
    outline: 2px solid #211551;
    outline-offset: 4px;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

form input:focus {
    outline: 2px solid #211551 !important;
    outline-offset: 2px !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

#pubcontactform input:focus {
    outline: 2px solid #211551 !important;
    outline-offset: 2px !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

#pubcontactform textarea:focus {
    outline: 2px solid #211551 !important;
    outline-offset: 2px !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

#pubcontactform select:focus {
    outline: 2px solid #211551 !important;
    outline-offset: 2px !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.donationform input:focus {
    outline: 2px solid #211551 !important;
    outline-offset: 2px !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.donationform textarea:focus {
    outline: 2px solid #211551 !important;
    outline-offset: 2px !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.donationform select:focus {
    outline: 2px solid #211551 !important;
    outline-offset: 2px !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}