/*
Theme Name: wfco
Description: wfco is a responsive widget-ready theme created for The Women's Foundation of Colorado
Author: Sharon Colombo
Author URI: http://www.colombodesigns.com
Version: 1.0
Tags: single column, two columns, three columns, custom header, custom footer, widgets, featured image, valid XHTML, valid CSS
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, form, label, legend, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
body {
  color: #49484c;
  font-family: 'Roboto', sans-serif;
  font-size : 15px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

/* --- LINK STYLES --- */

a, a:link {
  color: #007d8a;
  text-decoration: none;
}
a:visited {
  color: #007d8a;
  text-decoration: none;
}
a:hover {
  color: #ce0058;
  text-decoration: underline;

}

/* --- HEADER STYLES ---*/ 

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1 {
	clear: both;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 52px;
  font-weight: 700;
	line-height: 58px;
	padding: 0 0 15px 0;
	text-align: left;
	text-transform: uppercase;
color: #49484c;
}
.singlepost h1 {
    font-size: 48px;
    line-height: 54px;
    text-transform: none;
    font-weight: 400;
    padding: 20px 0 15px;
}

h1.pink
{
  color: #ce0058;
}

h1.teal {
color: #007d8a;
}

h1.purple {
  color: #403a60;
}

h2 {
    font-size: 34px;
    font-weight: 700;
    line-height: 38px;
    padding:0 0 15px 0;
}
.excerpt h2 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-size: 26px;
    line-height: 32px;
    padding-bottom: 10px;
}
.excerpt.featured h2 {
	font-size: 48px;
	line-height: 54px;
}

.excerpt h2 a {
	text-decoration: none;
	
}

h3 {
	text-align:left;
	font-size:24px;
line-height: 30px;
	font-weight:700;
  padding: 0 0 15px 0;
}

.grey h3 {
  font-family: 'Roboto Condensed', sans-serif;
}

h4 {
	text-align:left;
	font-size:20px;
	font-weight:700;
	line-height:24px;
  padding: 0 0 15px 0;
}

.mission h4,
.grey h4,
.numbers h4,
.blog h4 {
    text-align: center;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 40px;
}

.sideblog h4 {
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 32px;
    font-weight: 700;
    border-bottom: 5px solid #49484c;
}

.sideblog h4 a {
	color: #49484c;
}

.sideblog h4 a:hover {
	
	text-decoration: none;
}


h5 {
	text-align:left;
	clear:both;
	font-size:16px;
	font-weight:700;
  line-height: 22px;
  padding: 0 0 15px 0;
  text-transform: uppercase;
}

h6 {
	font-weight:700;
	font-size:15px;
	line-height:20px;
	padding: 0 0 15px 0;
	text-align:left;
}

/* --- PARAGRAPH STYLES --- */

p {
	padding: 0 0 15px;
}


img {
    max-width: 100%;
    height: auto;
}

/* if @font-face is used, make certain the strong tag is styled to display the bold version of a custom font, not simply a bold on a non-bold font */
strong {
  font-weight: 700;
}
/* inserts/deletions */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* --- HR STYLES --- */

hr {
background: none repeat scroll 0 0 #49484c;
    border: 0 none;
    display: inline-block !important;
    height: 1px;
    margin: 30px 0;
    width: 100%;
}
/* --- FORM FIELD STYLES --- */

select, textarea {
	font-size:15px;
	vertical-align:middle;
  font-family: 'Roboto', sans-serif;
	background-color:#FFFFFF;
	color:#49484c;
}
input {
	font-size:15px;
  font-family: 'Roboto', sans-serif;
	color: #49484c;
	padding: 5px;
  -webkit-appearance: none;
}
input[type="text"], input[type="password"], input[type="file"], textarea, select {
	border:1px solid #CCCCCC;
}
input[type="button"] {
  font-family: 'Roboto', sans-serif;
	font-size:15px;
  -webkit-appearance: none;
}
/* custom button font styles */
input[type="button"], .button, *.button:link {
	margin: 10px 0;
	padding:  0 20px;
  height: 50px;
	line-height:50px;
  font-family: 'Roboto Condensed', sans-serif;
	font-size:18px;
	width:auto;
	color:#FFF !important;
	display:inline-block;
	position:relative;
	cursor:pointer;
	text-decoration:none !important;
	background: #403a60; 
	border-radius:0px;
	border: none;
  -webkit-appearance: none;
}

.button.grey
{
  background-color: #49484c;
}

.button.teal
{
  background-color: #007d8a;
}

*.button:hover
{
  background-color: #ce0058;
}

input[type="checkbox"], input[type="radio"] {
	margin:0 5px 0 0;
	padding:0;
	vertical-align:middle;
}

/* Labels are clickable, we can make this behavior more obvious by setting the cursor to indicate this. */
label, button, input[type="submit"] {
	cursor:pointer;
}

/* focus styles */
:focus {
	outline: 0;
}
/* --- BLOCKQUOTE STYLES --- */

blockquote {
	margin:0;
	padding:0;
}
blockquote, q {
	quotes: none;
	margin: 0;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

blockquote {
    background-color: #eeedef;
    border-left: 2px solid #ce0058;
    color: #666568;
    font-family: "Roboto Slab",serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    margin: 40px 0;
    padding: 30px 30px 15px;
}





/* --- LIST STYLES --- */

ul, ol {
	margin: 0 0 0;
	padding: 0 0 10px 0;
}
ul {
	margin-left: 20px;
}
ul ul {
	margin-bottom:0;
    padding: 8px 0 3px;
}
ul li {
	padding: 0 0 5px 0;
}
ul ul li {
	padding: 0 0 3px 0;
}
dl {
	margin: 0 0 1em 0;
}
ol {
	list-style-type:decimal;
	margin-left:20px;
}
ol ol {
	margin-bottom:0;
  padding: 8px 0 5px;
}
ol li {
	padding: 0 0 3px 0;
}
ol li ol li {
	list-style-type:lower-alpha;
  	padding: 0 0 3px 0;
}
ol li ol li ol li {
	list-style-type:lower-roman;
}
ol li ol li ol li ol li {
	list-style-type:decimal;
}

.sideblog ul {
    margin: 0;
    padding: 0 0 10px 0;
}

.sideblog ul li {
    list-style-type: none;
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 18px;
}

.sideblog ul li a:hover {
	text-decoration: none;
}

.sideblog ul li.current-cat a {
	color: #ce0058;
}

/* ---  IMAGE STYLES --- */

img {
}
a img {
	border: 0 none;
}
.floatRight {
	float:right;
	margin:0 0 0 30px;
}
.floatLeft {
	float:left;
	margin:0 30px 0 0;
}
.imgLeft, .imagefloatLeft {
	float:left;
	margin:0 1.5em 1em 0;
	width:auto;
	position: relative;
}
.imgRight, .imagefloatRight {
	width: auto;
	margin: 0 0 1.5em 1em; /*Edit as needed */
	float: right;
	position: relative;
}

/* Header Styles */

.wrapper
{
    height: auto;
    overflow: hidden;
    width: 100%;
}

.wrapper.white
{
  background-color: #ffffff;
}

.wrapper.grey
{
  background-color: #f0f1f1;
}

.wrapper.header.internal
{
  background: rgba(0,0,0,0) url("images/wfco_internal_header.jpg") no-repeat scroll 50% center/cover;
}

#fixedtop {
    height: 125px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

#uppernavwrapper {
    width: 100%;
    overflow: hidden;
    background-color: rgba(73,72,76,.7);
}
#uppernav {
  width: 96%;
  max-width: 1260px;
  padding: 0 2%;
  margin: auto;
}
#uppernav ul {
    float: right;
    margin: 0;
    padding: 0;
}
#uppernav ul li {
    display: inline-block;
    list-style-type: none;
    height: 50px;
    padding: 0;
}
#uppernav ul li a {
  color: #ffffff;
  line-height: 50px;
  display: block;
  padding: 0 0 0 20px;
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
}
#uppernav ul li a:hover,
#uppernav ul li a.selected {
  color: #00a7b5;
  text-decoration: none;
}
#uppernav ul li.donate a {
  background-color: #ce0058;
  padding: 0 10px;
  margin: 5px 0 5px 18px;
  line-height: 40px;
  font-size: 18px;
}
#uppernav ul li.donate a:hover {
  color: #ffffff;
  background-color: #00a7b5;
}
#uppernav ul li.donate a.selected {
  color: #ffffff;
}

#logomenuwrapper {
    background-color: #ffffff;
    height: 75px;
    width: 100%;
    overflow: visible;
    border-bottom: 1px solid #ffffff;
}

#logomenu {
  max-width: 1260px;
  width: 96%;
  padding: 0 2%;
  margin: auto;
  position: relative;
}

#logo {
    float: left;
    padding: 11px 0px 10px;
}

#logo img {
  float: left;
}

#donatebutton {
	display: none;
}

#searchicon {
    float: right;
    line-height: 75px;
    padding: 0;
}
#searchicon a.fa {
    background-clip: padding-box;
    background-color: transparent;
    color: transparent;
    display: inline-block;
    font-size: 0;
    height: 75px;
    margin: 0;
    padding: 0 0 0 50px;
    overflow: hidden;
    text-align: center;
    width: 30px;
}
#searchicon a.fa::before {
    color: #49484c;
    font-size: 24px;
    line-height: 75px;
    cursor: pointer;
}

#quickSearchWrapper {
    position: absolute;
    right: 30px;
    top: 76px;
    display: none;
    background-color: rgba(73, 72, 76, 0.9);
    padding: 0 10px;
}

/* GOOGLE SEARCH */

.wrapper form.gsc-search-box {
    width: 260px;
}

.wrapper td.gsc-clear-button {
display: none;
}

.wrapper .cse table.gsc-search-box td.gsc-input, 
.wrapper table.gsc-search-box td.gsc-input {
    padding-right: 16px;
}

.wrapper table.gsc-search-box td.gsib_a
{
padding: 0;
}

.wrapper table.gsc-search-box td.gsib_a input.gsc-input {
    background-position: 1px 5px !important;
}


.wrapper input.gsc-search-button, .wrapper input.gsc-search-button:hover, .wrapper input.gsc-search-button:focus {
    background-color: #ce0058;
    filter: none;
    padding: 0px 8px;
    border: none;
    border-radius: 0;
    color: #ffffff;
    line-height: 15px;
    height: 31px;
}

.wrapper .gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 5px;
}

#quickSearchWrapper .gsc-input-box,
#quickSearchWrapper .cse input.gsc-input, 
#quickSearchWrapper input.gsc-input
{
    border: 1px solid #ffffff;
}


#mainmenu {
    float: right;
}

#mainmenu ul
{
  height: 75px;
  margin: 0;
  padding: 0;
}

#mainmenu ul.mainmenu li {
    padding: 0;
    display: inline-block;
    float: left;
    height: 75px;
    position: relative;
}

#mainmenu ul.mainmenu li a {
   line-height: 75px;
   padding: 0 0 0 60px;
   color: #49484c;
   font-size: 20px;    
}
#mainmenu ul.mainmenu li a:hover,
#mainmenu ul.mainmenu li.selected a,
#mainmenu ul.mainmenu li a.selected {
   text-decoration: none;
   color: #ce0058;
}

#mainmenu ul.mainmenu li ul {
    background-color: rgba(73, 72, 76, 0.9);
    display: none;
    left: 40px;
    margin: 0;
    padding: 10px 0 10px;
    position: absolute;
    top: 75px;
    border-top: 1px solid #ffffff;
    width: 215px;
    z-index: 99999;
    height: auto;
}

#mainmenu ul.mainmenu li ul li ul {
  border-top: none;
}

#mainmenu ul.mainmenu li:hover ul
{
display: block;
}

#mainmenu ul.mainmenu li ul li {
    display: block;
    list-style-type: none;
    height: auto;
    line-height: 20px;
    width: 215px;
}

#mainmenu ul.mainmenu li ul li a,
#mainmenu ul.mainmenu li.selected ul li a {
    color: #fff;
    display: block;
    font-size: 15px;
    height: auto;
    line-height: 18px;
    padding: 8px 12px 8px 18px;
}
#mainmenu ul.mainmenu li ul li a:hover,
#mainmenu ul.mainmenu li ul li a.selected,
#mainmenu ul.mainmenu li.selected ul li.selected a.selected {
color: #00a7b5;
}
#mainmenu ul.mainmenu li.selected ul li.selected ul li a {
color: #ffffff;
}
#mainmenu ul.mainmenu li.selected ul li.selected ul li a:hover,
#mainmenu ul.mainmenu li.selected ul li.selected ul li.selected a.selected {
color: #00a7b5;
}
#mainmenu ul.mainmenu li ul li.last a,
#mainmenu ul.mainmenu li.last ul li a {
    padding: 8px 18px;
}
#mainmenu ul.mainmenu li ul li ul,
#mainmenu ul.mainmenu li ul li ul li,
#mainmenu ul.mainmenu li ul li ul li a
{
display: none;
margin: 0;
padding: 0;
}


#mainmenu ul.mainmenu li ul li.parent a::after {
    content: "\f105";
    float: right;
    font-family: FontAwesome;
}

#mainmenu ul.mainmenu li ul li.parent:hover ul,
#mainmenu ul.mainmenu li ul li.parent:hover ul li,
#mainmenu ul.mainmenu li ul li.parent:hover ul li a
{
display: block;
}

#mainmenu ul.mainmenu li ul li.parent:hover ul {
position: absolute;
top: -5px;
left: 215px;
padding: 5px 0;
}

#mainmenu ul.mainmenu li ul li.parent:hover ul li a {
    padding: 8px 18px;
}

#mainmenu ul.mainmenu li ul li.parent ul li a::after {
    content: none;
}

#mainmenu ul.mainmenu li ul li.parent ul li.parent a::after {
    content: "\f107";
    float: right;
    font-family: FontAwesome;
}

#mainmenu ul.mainmenu li ul li.parent ul li.parent ul li a::after {
    content: none;
}

#mainmenu ul.mainmenu li ul li.parent:hover ul li ul {
position: relative;
top: unset;
left: unset;
background-color: transparent;
padding: 5px 0;
}

#mainmenu ul.mainmenu li ul li.parent:hover ul li ul li a {
    font-size: 14px;
    line-height: 16px;
    padding: 4px 18px 12px 40px;
}

#mobilemenubutton
{
 display: none;
}


#headerpink {
  position: relative;
  width: 96%;
  max-width: 1260px;
  padding: 0 2%;
  margin: 126px auto 0;
}

#headerpink #pinkcopy {
    max-width: 760px;
    height: auto;
    float: left;
    padding: 2% 3.5% 2% 2.5%;
    margin: 10% 0;
    background: transparent url("images/header_pink_shadow_background.png") top right no-repeat;
}

.internal #headerpink #pinkcopy,
.landing #headerpink #pinkcopy {
  margin: 6% 0;
}

#headerpink #pinkcopy h1 {
    color: #ffffff;
    font-family: "Roboto Slab", serif;
    font-weight: 300;
    text-transform: capitalize;
    font-size: 46px;
    line-height: 60px;
    padding-bottom: 0;
}
  
#headerpink #pinkcopy h3 {
  color: #ffffff;
  font-family: "Roboto Slab", serif;
  font-weight: 300;
  font-size: 28px;
  line-height: 38px;
  padding: 5px 0;
}
  

/* Responsive Header Styles */

@media (max-width: 1200px) {

#mainmenu ul.mainmenu li a {
   padding: 0 0 0 40px;
   font-size: 18px;  
}

#mainmenu ul.mainmenu li ul {
    left: 20px;
}

#searchicon a.fa {
    padding: 0 0 0 40px;
}

#searchicon a.fa::before {
    font-size: 22px;
}

}

@media (max-width: 900px) {


#mainmenu ul.mainmenu li a {
   padding: 0 0 0 30px;
   font-size: 16px;  
}

#mainmenu ul.mainmenu li ul {
    left: 10px;
}

#searchicon a.fa {
    padding: 0 0 0 30px;
}

#searchicon a.fa::before {
    font-size: 20px;
}

#headerpink #pinkcopy h1 {
    font-size: 42px;
}
    
} 

/* tablet width */
@media (max-width: 768px) {


#headerpink {
  width: 92%;
  padding: 0 4%;
}

#headerpink #pinkcopy {
    padding: 2% 6% 2% 4%;
    margin: 10% 0;
}

.internal #headerpink #pinkcopy,
.landing #headerpink #pinkcopy {
  margin: 10% 0;
}

#headerpink #pinkcopy h1 {
    font-size: 36px;
    line-height: 46px;
}
  
#headerpink #pinkcopy h3 {
  font-size: 24px;
  line-height: 32px;
}


#uppernavwrapper
{
   display: none;
}


#fixedtop {
position: relative;
}

#headerpink {
margin-top: 0px;
overflow: hidden;
} 

.wrapper.header {
overflow: visible;
}



#mobilemenubutton
{
 display: block;
 float: left;
 width: 48%;
 padding: 0 0 0 2%;
}

#mobilemenubutton a.fa {
    background-clip: padding-box;
    background-color: transparent;
    color: transparent;
    display: block;
    font-size: 0;
    height: 50px;
    margin: 0;
    padding: 0 0 0 0px;
    overflow: hidden;
    text-align: center;
    width: 50px;
}
#mobilemenubutton a.fa::before {
    color: #49484c;
    font-size: 24px;
    line-height: 50px;
    cursor: pointer;
}

#searchicon
{
  height: 50px;
  line-height: 50px;
  width: 48%;
  padding: 0 2% 0 0;
  text-align: right;
}

#searchicon a.fa {
    padding: 0px;
    height: 50px;
    width: 50px;
}

#searchicon a.fa::before {
    font-size: 24px;
    line-height: 50px;
}

#quickSearchWrapper {
    top: 126px;
right: 0px;
}

#logomenuwrapper {
    background-color: #ffffff;
    height: 125px;
    width: 100%;
}

#logomenu {
  width: 100%;
  padding: 0;
}


#logo {
    width: 56%;
    text-align: left;
    height: 54px;
	padding-left: 4%;
}

#logo img {
  float: none;
}
	
#donatebutton {
    display: block;
    margin: auto;
    text-align: right;
    width: 36%;
    float: right;
    padding: 12px 4% 13px 0;
}	
	
#donatebutton a.button {
    height: 40px;
    line-height: 40px;
    margin: 5px 0;
    background-color: #ce0058;
}

#mainmenu
{
  width: 100%;
  float: left;
  display: none;
  overflow: hidden;
  height: auto;
  background-color: rgba(73, 72, 76, 0.9);
position: absolute;
top: 126px;
left: 0px;
}

#mainmenu ul.mainmenu {
  overflow: hidden;
  height: auto;
  padding-top: 20px;
}

#mainmenu ul.mainmenu li {
    padding: 0;
    display: block;
    height: auto;
    width: 92%;
    margin: 0 4%;
}

#mainmenu ul.mainmenu li a {
    line-height: 28px;
    font-size: 18px;
    padding: 10px 0 10px 0;
    display: block;
    color: #ffffff;
}

#mainmenu ul.mainmenu li ul {
    display: none;
    left: 0;
    position: relative;
    top: 0;
    border-top: none;
    width: 100%;
}

#mainmenu ul.mainmenu li:hover ul
{
display: none;
}

#mainmenu ul.mainmenu li.selected ul
{
display: block;
}

#mainmenu ul.mainmenu li ul li.parent:hover ul,
#mainmenu ul.mainmenu li ul li.parent ul
{
display: block;
position: relative;
top: unset;
left: unset;
padding: 10px 0 10px 45px;
}

#mainmenu ul.mainmenu li ul li.parent a::after,
#mainmenu ul.mainmenu li ul li.parent ul li.parent a::after
{
content: "";
}


#mainmenu ul.mainmenu li ul li.parent ul li,
#mainmenu ul.mainmenu li ul li.parent ul li a
{
display: block;
}


#mainmenu ul.uppermenu {
  overflow: hidden;
  height: auto;
  padding-bottom: 10px;
}

#mainmenu ul.uppermenu li {
    padding: 0;
    display: block;
    height: auto;
    width: 92%;
    margin: 0 4%;
}

#mainmenu ul.uppermenu li.first  {
border-top: 1px solid #ffffff;
margin-top: 10px;
padding-top: 10px;
}

#mainmenu ul.uppermenu li a {
    line-height: 24px;
    padding: 10px 0 10px 0;
    display: block;
    color: #ffffff;
    font-size: 14px;
}

#mainmenu ul.uppermenu li a:hover {
  text-decoration: none;
  color: #ce0058;
}

#mainmenu ul.uppermenu li.donate {
    display: none;
}	
	

}

@media (max-width: 600px) {

#headerpink #pinkcopy h1 {
    font-size: 30px;
    line-height: 36px;
}
  
#headerpink #pinkcopy h3 {
  font-size: 18px;
  line-height: 26px;
}
}




/* END RESPONSIVE HEADER STYLES */

.fullwidth {
  max-width: 1260px;
  width: 92%;
  padding: 50px 4%;
  margin: auto;
}  

.white .fullwidth {
	padding: 40px 4% 0;
}


.row {
    clear: both;
    overflow: hidden;
}
.twothirds .row.excerpts {
    padding-bottom: 30px;
}

#content 
{
  width: 70%;
  float: left;
}

#content.wide
{
width: 100%;
}

#rightcol 
{
  width: 25%;
  float: right;
  padding: 0 0 0 5%;
}


.half
{
  float: left;
  width: 47%;
  padding: 0 0 0 6%;
}

.half.first {
  padding: 0;
}

.grey .half {
    width: 36%;
    padding: 0 7%;
}


.third
{
  width: 30%;
  float: left;
  padding: 0 0 0 5%;
}

.third.first {
  padding: 0;
}


.twothirds {
    float: left;
    width: 65%;
    padding: 0 0 0 5%;
}

.onethird {
    float: left;
    width: 30%;
    padding: 0 0 0 5%;
}

.onethird.sideblog {
	float: right;	
}

.onethird.first, .twothirds.first {
    padding: 0;
}


@media (max-width: 1000px) {

.grey .half {
    width: 42%;
    padding: 0 4%;
}

}

/* tablet width */
@media (max-width: 768px) {

#content 
{
  width: 100%;
}

#rightcol 
{
  width: 100%;
  padding: 30px 0 0 0;
}

.onethird,
.twothirds,
.onethird.first,
.twothirds.first
{
width: 100%;
padding: 0;
}

.third,
.third.first
{
  width: 100%;
  padding: 0 0 30px 0;
}

#content .third,
#content .third.first
{
  padding: 0;
}


}


@media (max-width: 600px) {

.half,
.grey .half
{
  float: left;
  width: 100%;
  padding: 0;
}

.grey .half {
  border-top: 1px solid #49484c;
  padding-top: 40px;
}

.grey .half.first 
{
  border-top: none;
}

.half.first,
.grey half.first
{
  padding: 0 0 30px 0;
}

#content .half.first
{
padding: 0;
}


}





/* ACCORDION STYLES */

p.accordionHead {
    border-top: 1px solid #d7d7d7;
    cursor: pointer;
    padding: 10px 0 10px 0;
    font-weight: 700;
}

p.accordionHead a:hover {
  text-decoration: none;
}

p.accordionHead span.fa {
    color: #007d8a;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 18px;
    line-height: 20px;
    padding: 1px 0;
}

p.accordionHead:hover span.fa,
p.accordionHead:hover a {
 color: #ce0058;
}

.bottom-border {
    border-top: 1px solid #d7d7d7;
    padding-bottom: 15px;
}

.sideblog .bottom-border {
	
	padding-bottom: 40px;
}

/* BLOG STYLES */

.excerpt a:hover {
	text-decoration: none;
	
}

.excerpt h5 {
    font-size: 16px;
    font-weight: 400;
    padding: 15px 0 10px;
	color: #a0a0a0;
}

.excerpt.featured h5
{
	font-size: 18px;
}

.excerpt h5 a {
    color: #a0a0a0;
}


.sideblog p.accordionHead {
    line-height: 30px;
}

.sideblog p.accordionHead a {
    color: #49484c;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 20px;
}

.sideblog p.accordionHead span.fa {
    color: #49484c;
    line-height: 30px;
}
.cats {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 12px 0;
    font-size: 16px;
    margin-top: 10px;
}

#paging
{
	padding: 0px 0px 40px 0px;
	text-align: center;
}

a.page-numbers,
.page-numbers {
    display: inline-block;
    background-color: #007d8a;
    height: 30px;
    width: 30px;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
	margin: 0 2px;
}

.page-numbers.current {
	background-color: #f0f1f1;
	color: #49484c;
}

a.page-numbers:hover {
	background-color: #ce0058;
	text-decoration: none;
}

a.next.page-numbers, a.prev.page-numbers {
    font-family: FontAwesome;
    background-color: #ffffff;
	color: #007d8a;
    font-size: 20px;
	margin: 0;
}
a.next.page-numbers:hover, a.prev.page-numbers:hover {
	text-decoration: none;
	background-color: #ffffff;
	color: #ce0058;
}


p.largeicons {
    font-size: 44px;
    padding: 15px 0;
}

p.largeicons a {
    color: #49484c;
}

p.largeicons a:hover {
    color: #ce0058;
}

@media (max-width: 1000px) {

p.largeicons {
    font-size: 36px;
}

}

@media (max-width: 768px) {

p.largeicons {
    font-size: 32px;
}	
	
}

@media (max-width: 600px) {

p.largeicons {
    font-size: 36px;
}

}
	
/* FOOTER STYLES */

.wrapper.footer {
    background-color: #403a60;
    color: #ffffff;
overflow: hidden;
}

.wrapper.subfooter {
    background-color: #353050;
    overflow: hidden;
    width: 100%;
}

.footer .third
{
  text-align: center;
  float: right;
}

.footer .third.first 
{
  text-align: left;
}

.footer .third.last 
{
  text-align: right;
}

.footer h4 {
    font-size: 18px;
    font-family: "Roboto Condensed", sans-serif;
    padding: 0 0 5px 0;
    text-transform: uppercase;
}

.footer .last h4
{
  text-align: right;
}

.footer p,
.footer ul li
{
  font-size: 14px;
  line-height: 20px;
  padding: 0;
}

.footer ul
{
  margin: 0;
}

.footer ul li
{
  list-style-type: none;
}

.footer p a
{
  color: #ffffff;
  font-weight: 700;
}


.footer ul li a
{
  color: #ffffff;
}

.footer img
{
  padding-top: 5px;
}

.subfooter p 
{
  color: #ffffff;
  margin: auto;
  padding: 0px;
  text-align: center;
  font-size: 13px;
}

.subfooter p a {
    color: #ffffff;
font-weight: 700;
}


 /* tablet width */
@media (max-width: 768px) {

.footer .third,
.footer .third.last,
.footer .third.first
{
  width: 100%;
  padding: 0 0 30px 0;
  text-align: center;
}

.footer .third.first {
  padding: 0;
}

.footer h4,
.footer .last h4
{
  text-align: center;
}

.footer img
{
  padding: 10px 0px;
}
	
}

 /* sticky button - Added by Studio Al 2022/03/31 */
#slideout {position: fixed;right: 0;top: 200px;}
#sticky-button {background: #CE0058;height: 82px;margin-right: -101px;transition: margin 0.2s ease-out;position: relative;width: 182px;}
#sticky-button.active { margin-right: -3px; transition: margin 0.2s ease-out; }