/*
Theme Name: BCCLA (Cogito)
Version: 1.0
Description: Child of Cogito_wp which is a wordpress theme based on the foundation CSS.
Author: Matt Reimer @ Raised Eyebrow Web Studios
Author URI: http://raisedeyebrow.com
Template: cogito_wp
*/


/************************************************************
Point this to cogito's style.css or delete it and write your own
style directly in this file */
@import url("../cogito_wp/style.css");
/*************************************************************/


/************************************************************
	Fonts
/*************************************************************/
@font-face {
    font-family: 'FuturaStdLight';
    src: url('Futurastd-light/futurastd-light-1-webfont.eot');
    src: url('Futurastd-light/futurastd-light-1-webfont.eot?#iefix') format('embedded-opentype'),
         url('Futurastd-light/futurastd-light-1-webfont.woff') format('woff'),
         url('Futurastd-light/futurastd-light-1-webfont.ttf') format('truetype'),
         url('Futurastd-light/futurastd-light-1-webfont.svg#FuturaStdLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

.row { max-width: 970px; background: transparent;}

h1, #content h1 {
	font-size: 30px; font-size: 3.5rem;
	font-family: 'FuturaStdLight';
	color: #542568;
	font-weight: bold;
}

#main #content, #main #content p {
	font-size: 15px; font-size: 1.5rem;
	line-height: 22px;
}

h2{ font-size: 30px; font-size: 3.8rem;}

a { color: #542568;}
a:hover { color: #542568; text-decoration: underline;}
a:visited{color:#542568}

/************************************************************
	General Layout
/*************************************************************/

body { background: #ffffff url(images/header-background.gif) top left repeat-x;}

body, p { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 13px; font-size: 1.3rem;}

#branding, #branding .row { background: transparent; }

#main { background: white; padding-top: 0;}

#breadcrumbs {
	height: 40px;
	font-size: 11px; font-size: 1.1rem;
	line-height: 40px;
	font-weight: bold;
	text-transform: uppercase;}

#content{ width: 69%; }
#sidebar-right{ margin-left: 4.9%; width: 26%;}

/************************************************************
	Frontpage and Orbit Slideshow
/*************************************************************/

.home #main { margin-top: 40px; }

.row .columns.front-col-eight{ width: 69% }
.row .columns.front-col-four{ width: 26.57%}


#fp-slideshow{ margin-bottom: 10px;}

#slideshow-frontpage-slideshow{
  max-height: 296px;
}

#slideshow-frontpage-slideshow .orbit-slide{
  max-height: 296px;
}

.orbit-wrapper .slide .meta-back {
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0%;
  width: 100%;
  height: 35%;
  background: black;
  opacity: 0.7;
}

.orbit-wrapper .slide .meta {
  margin-left: 10px;
  position: absolute;
  padding: 10px 0px 0 40px;
  top: auto;
  bottom: 0;
  left: 0%;
  width: 90%;
  height: 30%;
  color: white;
}

.orbit-wrapper { height: 300px!important; position: relative;}
.orbit-wrapper .orbit-bullets{ display: none;}

div.orbit-wrapper div.slider-nav {
  display: block;
  position: absolute;
  max-width: 970px;
  top: 0;
  max-height: 296px;
  width: 100%;
  height: 100%;
}
div.orbit-wrapper .timer { display: none; }
div.orbit-wrapper div.slider-nav .right, div.orbit-wrapper div.slider-nav .left{
  height: 60px; width: 60px;
  position: absolute;
  margin: 0;
}

.orbit-wrapper .slide .meta h3{
font-size: 21px;
font-size: 2.1rem;
margin-bottom: 4px;
}

.orbit-wrapper .slide .meta h3, .orbit-wrapper .slide .meta h3 a { color: white;}

div.orbit-wrapper div.slider-nav span.left { bottom: 0; top: auto; background: transparent url(images/orbit-arrow-l.png) bottom left no-repeat; }
div.orbit-wrapper div.slider-nav span.right { top: 0; background: transparent url(images/orbit-arrow-r.png) top right no-repeat; }

#fp-left, #fp-center{ margin-top: 20px;}

.orbit .sharing { display: none; }

/************************************************************
	Widgets
/*************************************************************/

.widget h2, .widget h3 { font-family: 'FuturaStdLight'; color: #542568; font-weight: 100;}

.widget_recent_entries_custom .subheader{
  margin-bottom: 4px;
}

.widget_recent_entries_custom .subheader .sep{ display: none; }

#our-work-left .widget, #our-work-right .widget, #fp-left .widget, #fp-center .widget {
	border-left: 1px solid #e7eaec;
	background: white url(images/widget-arrow.png) top left no-repeat;
	position: relative;
}
.widget { margin-bottom: 20px; /* padding: 0 0px 0 20px; */ }

.outside-corner { position: absolute; top: 0; left: -10px; }

.widget-title { text-transform: uppercase; }

 /*Support us widget*/
.Support_Widget { background: #D4C8D9; padding: 15px; color: black;}
.Support_Widget .widget-title{ color: black; margin-bottom: 2px;}
.Support_Widget .bird{ float: left; margin: 10px 10px 0 -10px;}
.Support_Widget .purple.button {
	background-color: #542568;
	font-size: 16px; font-size: 1.6rem;
	font-weight: bold;
	padding: 9px 30px 11px;
	text-decoration: none;
	color: white;
}

/*Events Widget*/
.event-row{ margin-bottom: 10px;}
.widget_events_widget h3{
	margin-bottom: 3px;
	font-weight: normal;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 13px; font-size: 1.3rem;
}


 /*Sign up widget*/
.SignUp_Widget { background: #D0D6DA; padding: 15px; color: #464a4d;}
.SignUp_Widget .widget-title{ color: black; margin-bottom: 2px;}

  ::-webkit-input-placeholder { color: white; }
  :-moz-placeholder { color: white; }

.SignUp_Widget form input{
	display: block;
	font-size: 16px;
	line-height: 35px;
	height: 35px;
	height: 3.5rem;
	border: none;
	margin: 0 0 18px;
	background: #A4B0B9;
	width: 100%;
	padding-left: 4%;
	color: white;
	width: 96%;
}

.SignUp_Widget .sign-up-email, .SignUp_Widget .fname, .SignUp_Widget .lname {
	background: transparent;
	padding: 0;
	color: white;
	width: 80%;
}



/* Contact form 7 needs a little special styling */
.SignUp_Widget div.wpcf7 .watermark { color: #fff; }

div.wpcf7 img.ajax-loader { position: absolute; }

div.wpcf7-response-output {
	margin: 1em 0;
	padding: 0.2em 1em;
	color: #542568;
	border: 1px solid #542568;
	font-style: italic;
	clear: both;
}

.SignUp_Widget label {
  font-weight: bold;
  margin-bottom: 0;
}

.SignUp_Widget .sign-up-submit,
.SignUp_Widget [type="submit"] {
	background: #A4B0B9 url(images/signup-arrow.png) top right no-repeat;
  border: 0 none;
	color: #000;
	color: white;
  cursor: pointer;
  float: right;
  font-size: 16px;
  height: 3.5rem;
  line-height: 35px;
	min-width: 100px;
  padding-right: 30px;
  width: 50%;
}

.SignUp_Widget span.wpcf7-not-valid-tip {
	display: none;
}


.SignUp_Widget :focus { outline: none; }





/* New sign up widget - Campaign Monitor form in text widget */
#campaign-monitor-embedded {
        float:left;
        clear:both;
        width: 224px;
        background: #D0D6DA;
        padding: 15px;
        color: #464a4d;
}
#campaign-monitor-embedded .widget-title{
        color: black;
        margin-bottom: 2px;
}

#campaign-monitor-embedded form input{
        display: block;
        font-size: 16px;
        line-height: 35px;
        height: 35px;
        height: 3.5rem;
        border: none;
        margin: 0 0 18px;
        background: #A4B0B9;
        width: 100%;
        padding-left: 4%;
        color: white;
        width: 96%;
}

#campaign-monitor-embedded form label { display: none; }

#campaign-monitor-embedded button {
        background: #A4B0B9 url(images/signup-arrow.png) top right no-repeat;
        float: right;
        font-size: 16px;
        color: #000;
        width: 50%;
        color: white;
        border: none;
        padding: 10px 30px 8px 5px;
        min-width: 100px;
        cursor: pointer;
}

#campaign-monitor-embedded span.wpcf7-not-valid-tip {
        display: none;
}

#campaign-monitor-embedded :focus { outline: none; }





/*Twitter Widget*/
.widget_twitter { border-left: 1px solid #e7eaec; }
.widget_twitter .widget-title{ font-size: 20px; font-size: 2.0rem; }

/* Search Form */
#searchform {margin-top: 40px;}
#searchform input{
	float: right;
	background: #dbe0e3;
	font-size: 13px;font-size: 1.3rem;
	line-height: 35px;
	height: 35px; height: 3.5rem;
	border: none;
	margin: 0;
}

#searchform #search-input{
	padding: 0 0 0 4% ;
	color: #83919c;
	width: 77%;
}
#searchform #search-button{
	background: #dbe0e3 url(images/search-arrow.gif) 17px 12px no-repeat;
	text-indent: 200px;
	height: 35px;
	border: 1px solid #dbe0e3;
	overflow: hidden;
	width: 10%;
	vertical-align: top;

}
#searchform #search-button:hover{ background: #b5bbbf;}

/*Subpages widget is quite different*/

.shailan_SubpagesWidget {
	background: #83919c url(images/subpages-corner.png) top right no-repeat;
	padding-bottom: 15px;
	color: white;
	font-size: 14px; font-size: 1.4rem;
	padding: 15px 0 10px 10px;
}
.shailan_SubpagesWidget h2{
	padding-left: 10px;
	font-size: 17px; font-size: 1.7rem;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: white;
	font-weight: bold;
	text-transform: none;
	background: transparent url(images/widget-title-arrow.gif) center left no-repeat;
}
.shailan_SubpagesWidget h2 a{  color: white; }
.shailan_SubpagesWidget a{ color: white; }
.shailan_SubpagesWidget ul{ padding-left: 0px; margin-bottom: 10px;}

.shailan_SubpagesWidget li{
	margin-top: 10px;
	margin-bottom: 0;
	padding-left: 15px;
}
.shailan_SubpagesWidget ul ul{ padding-left: 0px;}
.shailan_SubpagesWidget .current_page_item {
	background: transparent url(images/widget-title-arrow.gif) 0px 5px no-repeat;
	font-weight: bold;
}

/*Archives and Categories Widget*/
#sidebar-right .widget_archive,
#sidebar-right .widget_categories,
#sidebar-right .widget_text,
#sidebar-right .Related_Events,
#sidebar-right .Event_Tags,
#sidebar-right .widget_wp-customtype-archive,
#sidebar-right .sgr-custom-taxonomies-menu  {
	background: #e7eaec url(images/widget-top-right-corner.png) top right no-repeat;
	padding: 15px 0 10px 10px;
}
.widget_categories ul{ padding-left: 20px; margin-bottom: 10px;}
.widget_categories a{ color: black;}

#sidebar-right .widget_archive .widget-title,
#sidebar-right .widget_categories .widget-title,
#sidebar-right .widget_text .widget-title,
#sidebar-right .Related_Events .widget-title,
#sidebar-right .Event_Tags .widget-title,
#sidebar-right .widget_wp-customtype-archive .widget-title,
#sidebar-right .sgr-custom-taxonomies-menu .widget-title{
	font-family: "Helvetica Neue";
	font-size: 17px; font-size: 1.7rem;
	font-weight: bold;
	color: black;
	text-transform: none;
	padding-left: 10px;
	background: transparent url(images/widget-title-arrow.gif) center left no-repeat;
}

#sidebar-right .Related_Events ul,
#sidebar-right .Event_Tags ul,
#sidebar-right .sgr-custom-taxonomies-menu ul{
	padding-left: 0px; margin-bottom: 10px;
}

#sidebar-right .Related_Events li,
#sidebar-right .Event_Tags li,
#sidebar-right .sgr-custom-taxonomies-menu li{
	margin-top: 10px;
	margin-bottom: 0;
	padding-left: 15px;
}
#sidebar-right .Related_Events ul ul{ padding-left: 0px;}


.widget_archive select,
.widget_wp-customtype-archive select{
	font-size: 16px;
	line-height: 35px;
	height: 35px;
	height: 3.5rem;
	background: transparent;
	padding: 0;
	color: white;
	width: 90%;
	border: medium none;
	background: #d6dbdf url(images/down-arrow.gif) 95% 50% no-repeat;
	padding-top: 32px;
	overflow: hidden;
-webkit-border-radius: 0px;
-webkit-appearance: none;
}

.widget_archive select option,
.widget_wp-customtype-archive select option{
	color: black;
}

#sidebar-right .widget_text .textwidget{ margin-left: 10px;}

.PubType_Widget .bccla-type{ clear: both; }
.pub-icon { width: 40px;}

.with_frm_style fieldset{background:beige}

/************************************************************
	NAV
/*************************************************************/

#access {
  background: #542568;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
}
#access ul ul {}

#access a{
  color: white;
  display: block;
  padding-right: 2em;
  padding-left: 1.5em;
}

#access ul ul a{ }

#access li{ }
#access ul ul li{}
#access .current-menu-item {  }
#access .current-menu-item a, #access li:hover a {
	background: #D4C8D9;
	color: #542568;
}

#access ul .current_page_item > a, #access ul .current_page_ancestor > a {
	background: #D4C8D9;
	color: #542568;
}
#access ul ul .current_page_item > a, #access ul ul .current_page_ancestor > a {
	background: #EFEFEF;
}

/*#access ul ul .current-menu-item a, #access ul ul li:hover a { }*/

#access .arrow-img {
  background: transparent url(images/menu-arrow.png) 0px 0px no-repeat;
  width: 11px;
  height: 11px;
  margin-right: 5px;
  top: 37%;
}
#access .current_page_ancestor .arrow-img,
#access .current-menu-item .arrow-img,
#access li:hover .arrow-img
 { background: transparent url(images/menu-arrow-highlighted.png) 0px 0px no-repeat; }


/************************************************************
	Content
/*************************************************************/

#content table {
	width: 99%;
	border: medium none;
	border-top: 1px solid #d0d6da;
	border-bottom: 1px solid #d0d6da;
}

.bccla_sticky{
  background: #EEE;
  border: 1px solid #DDD;
  padding: 10px;
}

#content table th{
	background: white;
	border-bottom: 1px solid #d0d6da;
	text-transform: uppercase;
	color: #89939c;
	font-size: 11px; font-size: 1.1rem;
	line-height: 1.5;
	font-weight: normal;
}

table tbody tr:nth-child(even) { background: #F9F9F9; }

#main #content { margin-bottom: 30px; }

/*Paginator*/
#main #content .cogito_paginate{ border-top: 1px solid #d0d6da; }

.cogito_paginate ul {
	float: right;
	position: relative;
	left: auto;
}
.cogito_paginate ul li {
	position: relative;
	right: auto;
}

ul.pagination li.current a, ul.pagination li:hover a, ul.pagination li a:focus {
	border-bottom: none;
	background: #e7eaec;
	color: #542568;
	font-weight: bold;
}

#main #content .hentry{ margin: 20px 10px 10px 20px;}

#main #content h2, #main #content h3{
	color: #464a4d;
	font-weight: normal;
}

#main #content .entry-content a {text-decoration: underline;}

#main #content h3{
	font-size: 17px; font-size: 1.7rem;
	line-height: 25px;
	text-transform: uppercase;
}

#main #content h2{
	font-size: 30px; font-size: 3.0rem;
	line-height: 25px;
	margin-bottom: 20px;
}

/*Our work content is a little bigger*/
.page-template-template-our-work-php .page, .page-template-template-our-work-php .page p {
	font-size: 17px; font-size: 1.7rem;
}

/* Our Work */
#main #content #our-work-icons a{
	font-weight: bold;
	color: black;
}
.block-grid.seven-up {
	margin-left: 0%;
}
.block-grid.seven-up > li {
	margin-left: 0%;
	width: 14%;
}

#main #content #our-work-icons .icons{
	text-align: center;
}
#main #content #our-work-icons .icon-labels{
	text-decoration: none;
	color: black;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	padding: 3px;
}

#main #content #our-work-icons {
	font-size: 13px; font-size: 1.3rem;

}
#main #content #our-work a{
	text-decoration: none;
}
#our-work .widget{
	margin-bottom: 30px;
}

.hentry .subheader{ font-size: 13px; font-size: 1.3rem; margin-bottom: 0px; }

.hentry .subheader .taxlabel{ font-weight: bold; }

#main #content #our-work .widget-title,
#main #content #our-work .widget-title a{
	font-size: 28px; font-size: 2.8rem;
	color: black;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: -1px;
}

#our-work li { font-size: 15px; font-size: 1.5rem; line-height: 19px;}

#our-work .term-description {
	color: #83919c;
	margin-bottom: 1em;
}
#main #content #news a{ text-decoration: none;}

#main #content #getting-help .the-date{ display: none; }

/*Archive page*/
#archive-topics .purple-list{

	font-size: 16px; font-size: 1.6rem;
	line-height: 1.2;
	font-weight: bold;
	text-decoration: none;
	color: white;

	vertical-align: center;
}
#archive-topics .purple-list a{
	color: white;
	display: block;
	margin: 0px;
	background-color: #542568;
	padding: 5px 10px;
	height: 50px;
}
#archive-topics .purple-list a:hover{ color: #542568; background: #D4C8D9; text-decoration: none;}

.single-re_bccla_pub .pub-cover { margin-right: 20px; }

.purple.button {
	background-color: #542568;
	font-size: 12px; font-size: 1.2rem;
	font-weight: bold;
	padding: 9px 30px 11px;
	text-decoration: none;
	color: white;
}

#sorter .active, #main #content #our-work-icons .icon-labels.active {
	background: #D4C8D9;
	color: #542568;
}

.archive .issues li { margin-bottom: 7px;}

/************************************************************
	Download button
************************************************************/

#main #content .download-element{ width: 100%; text-align: center; margin: 5px;}
#main #content .download-element a:hover{ background: #D0D6DA; text-decoration: none;}
#main #content .download-element .button{ width: 250px; color: #fff; background: #83919c url(images/download-corner.gif) top right no-repeat;  text-decoration: none;}
#main #content .download-element .download-now { font-size: 24px; font-size: 2.4rem;}
#main #content .download-element .filename { color: #424a4f; font-size: 11px; font-size: 1.1rem;}

/************************************************************
	Footer
/*************************************************************/

#footer { color: #83919c; font-size: 12px;}
#footer .widget-title{ font-size:13px; font-size: 1.3rem; font-weight: bold;}
#footer-2 {font-size:11px; font-size: 1.1rem;}
.footer-sprites a{
	display: block;
	float: left;
	width: 32px;
	height: 0px;
	padding-top: 30px;
	overflow: hidden;
	margin: 2px;
	background-image:url('images/icons/social.png');
}
.footer-sprites .fb {background-position: 0px 0px }
.footer-sprites .tw {background-position: -32px 0px }
.footer-sprites .gp {background-position: -64px 0px }
.footer-sprites .yt {background-position: -96px 0px }
.footer-sprites .rs {background-position: -128px 0px }


#footer { border-top: 5px solid #d0d6da; }

/*

Colours

Purpler #542568
light purple #D4C8D9
sign up grey #D0D6DA

line grey e7eaec


FONT SIZES
purple buttons 16px bold

light grey text 83919c

*/

/************************************************************
	Print Styles
/*************************************************************/
.show-on-print { display: none;}
@media print {
	* { color: black!important; }
	.show-on-print { display: block!important;}
	#sidebar-right{ display: none;}
	#content{ width: 100%;}
	#branding {border-bottom: 5px solid #D0D6DA; }
	h1, #content h1 {
		font-size: 27px;
		font-size: 2.7rem;
		color: black;
	}
	#footer-2 { width: 73.9%; }
	#footer-3 {display: none;}
	#main #content, #main #content p {
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 20px;
	}
	#branding img {
		height: 80px;
	}
}

#print-statement { padding: 15px 0; margin-top: 15px; color: black; border-top: 5px solid #D0D6DA; }


/************************************************************
	Mobile Stuff
/*************************************************************/

/* Medium size */
@media only screen and (max-width: 980px)  and (min-width: 768px) {
	.block-grid.seven-up { margin-left: -2% }
	.block-grid.seven-up>li { margin-left: 2%; width: 31.3%; }
	.Support_Widget .widget-title { font-size: 25px; font-size: 2.5rem; }
}
/* Small size */
@media only screen and (max-width: 768px) {
	.block-grid.seven-up { margin-left: -2% }
	.block-grid.seven-up>li { margin-left: 2%; width: 31.3%; }
	#searchform #search-input { width: 86%; }


.orbit-wrapper .slide .meta-back { height: 49%; }

.orbit-wrapper .slide .meta { height: 48%; width: 95%; margin-left: 0; padding: 10px 0px 0 10px;}
.orbit-wrapper .slide .meta h3 { font-size: 17px; font-size: 1.5rem; margin-bottom: 0px; }
}




/*************************************************
  Mobile nav
*************************************************/

  #mobile-nav-trigger {
    background-color: #000;
    position: relative;
    height: 50px;
  }
  #mobile-nav-trigger a {
    color: white;
    margin: 13px 20px;
    text-decoration: none;
  }
  #mobile-nav-trigger {
    color: white;
  }
  #mobile-nav-trigger #menu-link {
    font-size: 20px;
    line-height: 50px;
    padding: 15px 0;
  }
  #mobile-nav-trigger #menu-link:before {
    content: "≡ ";
    font-size: 20px;
    line-height: 50px;
    font-weight: normal;
  }
  #mobile-nav-trigger .donate{
    position: absolute;
    font-size: 20px;
    background: #542568;
    top: 0;
    right: 0;
    margin: 0;
    height: 50px;
    line-height: 50px;
    padding: 0px 20px;
    -moz-border-radius: 1000px 0 0 1000px;
    -webkit-border-radius: 1000px 0 0 1000px;
    border-radius: 1000px 0 0 1000px;
  }

#mobile-nav {
    left: 10%;
    background-image: none;
    background-color: transparent;
    top: 20px!important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
  }
  #mobile-nav li a {
    background-color: #542568;
    display: block;
    color: white;
    font-size: 28px;
    font-weight: normal;
    border: 1px solid #441558;
    line-height: 1;
    padding: 10px;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.8);
  }
  #mobile-nav li a:hover,
  #mobile-nav li a:focus,
  #mobile-nav li a:active{
    text-decoration: none;
    background: #744588;
  }
  .reveal-modal-bg {
    background: white;
  }