/* CUSTOM STYLESHEET
---------------------------------------------------------------------------------
Instructions: Add your custom styles in this file instead of style.css,
so it's easier to update the theme. Simply copy an existing style from 
style.css to this file, and modify it as you like.
--------------------------------------------------------------------------------- */

/* FONTS
--------------------------------------------------------------------------------- */

@font-face {
  font-family: 'BrandonGrotesque';
  src: url("/wp-content/fonts/BrandonGrotesque/Brandon_thin-webfont.eot");
  src: url("/wp-content/fonts/BrandonGrotesque/Brandon_thin-webfont.eot?#iefix") format('embedded-opentype'), url("/wp-content/fonts/BrandonGrotesque/Brandon_thin-webfont.woff") format('woff'), url("/wp-content/fonts/BrandonGrotesque/Brandon_thin-webfont.ttf") format('truetype'), url('/wp-content/fonts/BrandonGrotesque/Brandon_thin-webfont.svg#brandonthin') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'BrandonGrotesque';
  src: url("/wp-content/fonts/BrandonGrotesque/Brandon_reg-webfont.eot");
  src: url("/wp-content/fonts/BrandonGrotesque/Brandon_reg-webfont.eot?#iefix") format('embedded-opentype'), url("/wp-content/fonts/BrandonGrotesque/Brandon_reg-webfont.woff") format('woff'), url("/wp-content/fonts/BrandonGrotesque/Brandon_reg-webfont.ttf") format('truetype'), url('/wp-content/fonts/BrandonGrotesque/Brandon_reg-webfont.svg#brandonreg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BrandonGrotesque';
  src: url("/wp-content/fonts/BrandonGrotesque/Brandon_bld-webfont.eot");
  src: url("/wp-content/fonts/BrandonGrotesque/Brandon_bld-webfont.eot?#iefix") format('embedded-opentype'), url("/wp-content/fonts/BrandonGrotesque/Brandon_bld-webfont.woff") format('woff'), url("/wp-content/fonts/BrandonGrotesque/Brandon_bld-webfont.ttf") format('truetype'), url('/wp-content/fonts/BrandonGrotesque/Brandon_bld-webfont.svg#brandonbld') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'BrandonGrotesque';
  src: url("/wp-content/fonts/BrandonGrotesque/Brandon_blk-webfont.eot");
  src: url("/wp-content/fonts/BrandonGrotesque/Brandon_blk-webfont.eot?#iefix") format('embedded-opentype'), url("/wp-content/fonts/BrandonGrotesque/Brandon_blk-webfont.woff") format('woff'), url("/wp-content/fonts/BrandonGrotesque/Brandon_blk-webfont.ttf") format('truetype'), url('/wp-content/fonts/BrandonGrotesque/Brandon_blk-webfont.svg#brandonblk') format('svg');
  font-weight: 700;
  font-style: normal;
}

/* GLOBAL
--------------------------------------------------------------------------------- */
body {
	text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6, h7, #sitetitle .title {
	font-family:'BrandonGrotesque','source sans pro',arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}

/* HOMEPAGE
--------------------------------------------------------------------------------- */

.home #page {
	border-top:none;
}
.home #solofolio-widget-2, .home #catslide-widget-3  {
	margin:30px 0;
}
.home #contentleft {
	padding:0;
}
/* HOMEPAGE – NAV
--------------------------------------------------------------------------------- */

#catnav ul li a {
	font-size: 1.15em;
}
#catnav ul li.current-menu-item a {
	font-weight:700;
	color:#000;
}
#catnav ul li.current-menu-item a:hover {
	color:rgb(0, 153, 204);
}

/* HOMEPAGE – SLIDER
--------------------------------------------------------------------------------- */

.flex-caption h2 a {
	font-weight:normal;
}
ol.flex-control-nav li a.flex-active {
	background: rgb(0, 153, 204);
	border:1px solid rgb(0, 153, 204);
}

.flex-caption p.no-break, #portfolio p.no-break {
	display:none;
}
/* HOMEPAGE – WELCOME MESSAGE
--------------------------------------------------------------------------------- */

.welcome-message h2 {
	font-family:'source sans pro',arial, sans-serif;
	font-weight:normal;
	text-transform:inherit;
}

.entry h1.page-title {
        background-image: url('https://www.civitaslearningspace.com/wp-content/uploads/gradient_divider.png');
        background-position: left bottom;
        background-repeat: no-repeat;
	font-size:3em;
	font-family:'BrandonGrotesque','source sans pro',arial, sans-serif;
	font-weight:bold;
	margin-bottom: 45px;
        padding: 0 0 20px 0;
	text-transform:uppercase;
}
ul#menu-blog-roll {
	margin:0;
}

/* HOMEPAGE – EXPLORE OUR CONTENT
--------------------------------------------------------------------------------- */

#solofolio-widget-2 h3.widgettitle, .media-widget h2, #welcomebox-widget-4 .welcome-message h2 {
	font-family:'BrandonGrotesque','source sans pro',arial, sans-serif;
	font-size: 32px;
	font-weight:700;
	text-transform:uppercase;
}

#solofolio-widget-2 h3.widgettitle {
	margin-bottom:20px;
	margin-top:20px;
}

ul#portfolio {
	margin-bottom:50px;
}

/* 
#portfolio-container ul#filter li.current a  {
	  
}

#portfolio-container ul#filter li.current a:before  {
	 content:"Featured";	 
}
*/ 


/* HOMEPAGE – BROWSE BY MEDIA
--------------------------------------------------------------------------------- */
 
.media-widget {
	margin: 30px 0;
}
.media-widget-inner {
	display:table;
}
.media-widget-inner-row {
	display:table-row;
}
.media-widget-inner-cell {
	display:table-cell; 
	padding-left: 10px;
	width:25%;
}

.media-widget-inner-cell a p {
	color:#000;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 12px;
}
.media-widget-inner-cell a p:hover {
	color:rgb(0, 153, 204);
}
.media-widget-inner-cell a p span {
	font-size:16px; 
	margin-bottom:10px;
}


/* HOMEPAGE – GET IN TOUCH
--------------------------------------------------------------------------------- */

#welcomebox-widget-4 .welcome-message p {
	font-size: 18px;
}

#welcomebox-widget-4, #widgetized-page .widget {
	margin-bottom:0;
}

#topnav {
	padding:0;
}
#footer-widgets {
	border-top: 0;
}

.portfolio-text a:hover,
.portfolio-text a:active {
	color:rgb(0, 153, 204);
}

/*
.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	text-transform: uppercase;
}
*/

.label-question {

	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	text-transform: uppercase;
	background-color:#f0ad4e
}


/*  SHARE BUTTONS */

body.page #contentleft .ngfb-content-buttons {
display:none;
}


.layout-controls ul {
    display: none;
}


/* Catalytic Conversations blog top navigation menu */

ul.nav{
   float: right;
}

table.summitSlides {
	border: none;
	border-collapse:collapse;"
}


table.summitPhotos
 {
	border: none;
	border-collapse:collapse;"
}

table.summitPanel {
	border: none;
	border-collapse:collapse;"
}


td.slide {
	padding: 0;
	border: none;
	border-collapse:collapse;"
	font-size:12px;
	font-family:arial,helvetica,sans-serif;
  	 
}

td.panelMember {
	padding: 0;
	border: none;
	border-collapse:collapse;"
	font-size:12px;
	font-family:arial,helvetica,sans-serif;
  	 
}

h3.homeTitle {
	font-size:20px;
	margin:0 0 15px;
	padding:0 0 7px;
	letter-spacing:0; 
}

h3.archiveTitle{
	font-size:18px;
	margin:0 0 15px;
	padding:0 0 7px;
	letter-spacing:0; 
}

.smallType {
	font-size:12px;
}

.videoCaption {
        font-size:11px;
	 
}


.featured.cat .thumbnav .flex-direction-nav a {
    width: 17px;
    height: 19px;
    background: url("images/nav-rt-dk.png") no-repeat scroll 50% 50% #484848;
    margin: 0px;
    top: 0px;
    opacity: 1;
    border: 1px solid #000;
}

#catslide-widget-6.widget.widget-1.widget-first.catslide {
	padding-bottom:40px;
}

.page-id-2 #topnav .sub-icons {
	display:none;
}

.page-id-6 #topnav .sub-icons {
	display:none;
}

.page-id-9 #topnav .sub-icons {
	display:none;
}

.page-id-11 #topnav .sub-icons {
	display:none;
}

.page-id-13 #topnav .sub-icons {
	display:none;
}

.page-id-56 #topnav .sub-icons {
	display:none;
}

.navigation.clearfix {
	display:none;
}

 

/* DESKTOP ONLY STYLES
---------------------------------------------------------------------------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 801px) {


	/* Desktop styles go here */

div.css-button.email-button {
	display:none;
}

 

/* ============================================================
  CUSTOM PAGINATION
============================================================ */
.custom-pagination span,
.custom-pagination a {
  display: inline-block;
  padding: 2px 10px;
}
.custom-pagination a {
  background-color: #ebebeb;
  color: #289ac6;
}
.custom-pagination a:hover {
  background-color: #289ac6;
  color: #fff;
}
.custom-pagination span.page-num {
  margin-right: 10px;
  padding: 0;
}
.custom-pagination span.dots {
  padding: 0;
  color: gainsboro;
}
.custom-pagination span.current {
  background-color: #289ac6;
  color: #fff;
}
