/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.

You're the boss, so have fun editing!

--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Global Styles
2.0 - Responsive media queries (mobile styles)
	2.1 - MAXIMUM width of 720 pixels (phones landscape)
	2.2 - MAXIMUM width of 380 pixels (phones portrait)
	2.3 - MINIMUM width of 721 pixels (tablets+)
	2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Global Styles
--------------------------------------------------------------*/

/* add DP's museo sans font */
* {font-family:"Museo Sans", 'Helvetica Neue', sans-serif}

@font-face { font-family: Museo Sans; font-weight: 100; 
	src: url(https://circlcenter.org//wp-content/themes/buddyboss-child/fonts/exljbris - MuseoSans-100.otf) format("opentype"); }
@font-face { font-family: Museo Sans; font-weight: 100; font-style: italic;
	src: url(https://circlcenter.org//wp-content/themes/buddyboss-child/fonts/exljbris - MuseoSans-100Italic) format("opentype"); }
@font-face { font-family: Museo Sans; font-weight: 300; 
	src: url(https://circlcenter.org//wp-content/themes/buddyboss-child/fonts/exljbris - MuseoSans-300.otf) format("opentype"); }
@font-face { font-family: Museo Sans; font-weight: 300; font-style: italic;
	src: url(https://circlcenter.org//wp-content/themes/buddyboss-child/fonts/exljbris - MuseoSans-300Italic) format("opentype"); }
@font-face { font-family: Museo Sans; font-weight: 500; 
	src: url(https://circlcenter.org//wp-content/themes/buddyboss-child/fonts/exljbris - MuseoSans-500.otf) format("opentype"); }
@font-face { font-family: Museo Sans; font-weight: 500; font-style: italic;
	src: url(https://circlcenter.org//wp-content/themes/buddyboss-child/fonts/exljbris - MuseoSans-500Italic) format("opentype"); }
@font-face { font-family: Museo Sans; font-weight: 700; 
	src: url(https://circlcenter.org//wp-content/themes/buddyboss-child/fonts/exljbris - MuseoSans-700.otf) format("opentype"); }
@font-face { font-family: Museo Sans; font-weight: 700; font-style: italic;
	src: url(https://circlcenter.org//wp-content/themes/buddyboss-child/fonts/exljbris - MuseoSans-700Italic) format("opentype"); }
@font-face { font-family: Museo Sans; font-weight: 900; 
	src: url(https://circlcenter.org//wp-content/themes/buddyboss-child/fonts/exljbris - MuseoSans-900.otf) format("opentype"); }
@font-face { font-family: Museo Sans; font-weight: 900; font-style: italic;
	src: url(https://circlcenter.org//wp-content/themes/buddyboss-child/fonts/exljbris - MuseoSans-900Italic) format("opentype"); }

/* make the page font a bit bigger */
html {
	font-size: 100%;
}
body {
	font-size: 15px;
/*	font-family: 'Open Sans', 'Helvetica Neue', sans-serif; */
	font-family: 'Museo Sans', 'Helvetica Neue', sans-serif;
	color: #333;
}

.tr {
   vertical-align: top !important;
   text-align: top;
} 

/* make content view title not smushed - also look in Style Settings of Content View for Line Height of Title */
.pt-cv-pinterest .pt-cv-title {
    padding: 10px 15px;
    margin-bottom: 0!important;
    line-height:140%; !important;

}
/* make titles normal height, less space after headers */

.entry-content h2 {
  margin-bottom: 10px;
}

.entry-content h3 {
  margin-bottom: 6px;
  line-height:normal;
}

.entry-content h4 {
    margin-bottom: 4px;
    font-weight:500;
    line-height:normal; !important;
}
.entry-content h5 {
  margin-bottom: 0px;
}

.entry-content b {
  font-weight: 700;
}

.entry-content blockquote-white {
  margin-bottom: 24px;
  margin-left: 24px;
  padding: 24px;
  background-color: #ffffff
}

.h1-slim {
  font-size:28px; 
  font-weight:300; 
  line-height: 1; 
  margin-top:15px;
}

/* a { outline: 1px dotted red; } */

/* hide login button in header */
.header-account .button{display:none;}

/* make our font on the navigation menu a bit bigger */
.main-navigation li a {
		border-bottom: 0;
		color: #404040;
		font-weight: 500;
		line-height: 1;
		padding: 16px 22px;
		font-size: 15.5px;
		white-space: nowrap;
		word-wrap: break-word;
	}

.main-navigation li a:hover {
		background-color: #CCC;
	}
.main-navigation .current-menu-item {
    color: #000;
    background-color: #a3a3a3;
}


/* and let it get wider */
.nav-inner {
      max-width: 1366px !important;
}

.entry-content table {
	border-bottom: 1px solid #eaeaea;
	color: #757575;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 24px;
	width: 100%;
}


# community report table
.entry-content cr-table,
.comment-content cr-table {
	border-bottom: 0px solid #eaeaea;
	color: #333;
	font-size: 14px;
	line-height: 1;
	margin: 0 0 0px;
  width: 50%;
}
.entry-content cr-table tr, td,
.comment-content cr-table tr, td {
	color: #333;
  vertical-align: middle !important;
  text-align: top;
	font-size: 14px;
	line-height: 1;
}

# borderless table: add class="noBorder" in table, tr, td
.entry-content .noBorder {
    border:none !important;
    margin: 0 0 0px;

}
.noBorder {
    border:none !important;
  	margin: 0 0 0px;
}

.entry-content big {
	font-size: 20px;
/*	font-family: 'Open Sans', 'Helvetica Neue', sans-serif; */
  font-family: 'Museo Sans', 'Helvetica Neue', sans-serif;
	color: #333;
}

.homeNewsItem li {
   margin: 0 0 0 0;
   padding-bottom:10px;
 }

.homeNewsItem li p {
   display: inline;
}

.homeNewsItem p {
   display: inline;
}

.homeNewsTitle::after {
   content: ":";
}

.homeNewsItem {
   list-style-type: none;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
 }

/* Hide title on home page */
.home .entry-header {
	display: none !important;
	}

/* less blank space above page headers */
body .site {
    max-width: 1366px !important;
    margin-bottom: 50px;
    padding-top: 20px;
    padding-bottom: 30px;
}

/* make page titles a little smaller with less space before/after */
.entry-header .entry-title {
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
    padding-top: 15px;
}
  
/* Less padding above and below banner */
.header-inner {
    padding-top: 0px;
    padding-bottom: 5px;
    overflow: hidden;
    min-height: 70px;
    max-width: 1366px !important;
}

.new2cl {
 /* old background: url(/wp-content/uploads/2015/05/new-to-cyberlearning.png); 
  new background: http://circlcenter.org/wp-content/uploads/2018/03/new2cl-spiral.png */
  margin-top: -80px;
  margin-left: 38%;
  position:absolute;
}

/* Contact | Educstors | social media links in upper right */
.toprightmenu {
  margin-top: -90px;
/* margin-left: 70%; */
  right: 30px; 
  font-size: 15px;
  font-weight: 500;
  color: #404040;
  line-height: 1;
  position:absolute;
}
/* Make the top right menu grey instead of red */
.toprightmenu a {
  color: black;
}

/* quote rotator */
.rotatequote {
  display:inline;
  margin-top: -180px;
  right: 30px;;
  position:absolute;
}

@-moz-document url-prefix() { 
 .new2cl {
 /* background: url(/wp-content/uploads/2015/05/new-to-cyberlearning.png); */
  margin-top: -80px;
  margin-left: 38%;
  position:absolute;
}
}


/* OLD search box in header */
.custom-search {
  margin-top: -60px;
  margin-left: 70%;
  position:absolute;
}

/* OLD search box - make it narrower and shorter */
.widget-area #s {
  width:120px;
	/* width: 65%; */
  height:32px;
  padding-top: 0;
	padding-right-value: 0;
	padding-bottom: 0;
	padding-left-value: 0;
	margin-bottom: 0px;
}

/* search and filter plugin: project search */
.searchandfilter > ul {
	margin:0;
	padding:0;
}
.searchandfilter > ul > li {
	display:inline-block;
  padding-bottom:5px;
  padding-top:5px;
	padding-right:5px;
}


/* not good for accessibility; make font same as background color if you want to hide it visually
.screen-reader-text {
 display:none;
} */

/* quote rotator */
#quotearea {
   display:inline;
   padding: 0 0 0 0;
   margin: 0px auto;
}
#quoterotator {
   display:inline;
   line-height: 100%;
   color: #dd3333;
   font-style: italic;
}

/* Hide post dates and authors */
.entry-meta time { display:none; }
.entry-meta .by-author { display:none; }
/* Hide big featured image - wtf? 9/2/16 */
.entry-post-large { display:none; }

/* we just have 3 footer widgets, make them take more space */
.footer-widget{width:29%;}

/* tweak the background color of the bottom footer; was: 242424 */
div.footer-inner-bottom {
			background-color: #333333!important;
		}

/* tweak the font in the footer */
div.footer-inner-top p {
    line-height: 1.5;
    color: #404040
}

/* notice callout */
.noticebox {
    width:95%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align:center;
    border-style: solid;
    border-width: 1px;
    border-color: #909090;
    margin-left: 0px;
    margin-right: 5px;
    margin-bottom: 20px;
}

/* for project spotlights, the box with NSF info */
.spotlightbox {
    float: right;
    width: 200px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #909090;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 0px;
}

.spotlightbox h3 { 
  font-size: 15px;
  font-weight: bold;
  font-color: black;
  margin-top: 5px;
}

/* for anysize spotlights */
.anysizespotlightbox {
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #909090;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 0px;
}

/* for project start and end dates */
.projectdates {
    float: right;
    width: 160px;
    margin-left: 10px;
}

.projectdates::before { 
    content: "Start-End Dates:   ";
}

/* callout for project page */
.project-callout {
    float: right;
    width: 300px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #909090;
    margin-top: -60px;
    margin-left: 20px;
    margin-right: 5px;
    margin-bottom: 0px;
}

/* for survey callouts on webinar pages */
.surveycallout {
    float: right;
    width: 180px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #909090;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 0px;
}

.back-to-program {
    float: right;
    width: 160px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #909090;
    margin-top: -60px;
    margin-left: 20px;
    margin-right: 5px;
    margin-bottom: 0px;
}

.back-to-primers {
    float: right;
    width: 110px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #909090;
    margin-top: 5px;
    margin-left: 20px;
    margin-right: 5px;
    margin-bottom: 0px;
}

.back-to-perspectives {
    float: right;
    width: 150px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #909090;
    margin-top: -60px;
    margin-left: 20px;
    margin-right: 5px;
    margin-bottom: 0px;
}

.back-to-spotlights {
    float: right;
    width: 130px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #909090;
    margin-top: 5px;
    margin-left: 20px;
    margin-right: 5px;
    margin-bottom: 0px;
}

.back-to-report {
    float: right;
    width: 150px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #909090;
    margin-top: 8px;
    margin-left: 20px;
    margin-right: 5px;
    margin-bottom: 0px;
}

/* a class for left floating thumbnails */
.left-thumb-image {
  float: left;
  width: 80px;
  border: 1px solid black;
  margin: 5px 10px 0px 0px;
  }

/* a class for perspective thumbs to float left */
.left-medium-image {
  float: left;
  width: 130px;
  border: 1px solid black;
  margin: 5px 10px 0px 0px;
  }

.hide-title {
  display: none;
}

/* Big red button for application forms 
   from http://www.adam-bray.com/blog/86/Simple+CSS+3+buttons/ */

[class*='btn-'] {
	border-radius: 15px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
	  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
	color: #fff;
	display: inline-block;
	font-family: 'Museo Sans', Helvetica, sans-serif;
	font-size: 20px;
  font-weight:regular;
  text-decoration:none;
	padding: 8px 16px;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	  transition: background-color 0.1s linear;	
}

[class*='btn-']:hover {
		cursor: pointer;
}
	
.btn-red {
		background-color: #FF0000;
		border: 1px solid #C80000;
}
	
.btn-red:hover {
			background-color: #C00000;
  	  text-decoration:none;
}
		
.btn-red:active {
			background-color: #C80000;
}

/*--------------------------------------------------------------
2.0 - Responsive media queries (mobile styles)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.1 - MAXIMUM width of 720 pixels (phones landscape)
--------------------------------------------------------------*/

/* hide slider on mobile */
@media (max-width: 680px) {
	#main-slider {
		display: none;
	}
}

@media screen and (max-width: 720px) {

/* mobile title header: override and make red so doesn't show white title aganst light gray on mobile */
#mobile-header h1, #mobile-header h1 a {
    color: #dd3333;
    text-decoration: none;
}

	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.2 - MAXIMUM width of 380 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 380px) {

/* override so doesn't show white title aganst light gray on mobile */
#mobile-header h1, #mobile-header h1 a {
    color: red;
    text-decoration: none;
}
	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.3 - MINIMUM width of 721 pixels (tablets+)
--------------------------------------------------------------*/
@media screen and (min-width: 721px)  {

/* override so doesn't show white title aganst light gray on mobile */
#mobile-header h1, #mobile-header h1 a {
    color: red;
    text-decoration: none;
}
	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
@media screen and (min-width: 1040px)  {

/* override so doesn't show white title aganst light gray on mobile */
#mobile-header h1, #mobile-header h1 a {
    color: red;
    text-decoration: none;
}
	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */

/*--------------------------------------------------------------
3.6 - Sidebar
--------------------------------------------------------------*/

.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	background: #fff;
    border: 1px solid #D2D3D6;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    border-radius: 3px;
	padding: 15px;
	margin-bottom: 20px; /* was 40px initially, too much space */
	word-wrap: break-word;
}
.widget-area .widget h3,
.widget-area .widget_bp_profile_search h4 {
    border-bottom: 1px solid #E9EAED;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
    background: #F6F7F8;
    font-size: 14px;
    font-weight: 500;
    margin: -15px -15px 15px; /* makes up for 15px .widget padding */
    padding: 10px 15px;
    line-height: 1.5;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	line-height: 1.71429;
}
.widget-area .widget p {
	margin-bottom: 6px; /* was 12px */
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
}
.widget-area .textwidget li {
	margin-left: 36px;
}

.widget-area .widget form label,
.widget-area .widget_bp_profile_search .label {
	display: block;
	font-weight: bold;
	margin: 15px 0 5px;
}
.widget-area .widget form .bbp-remember-me label {
	display: inline;
}
.widget-area .widget form input[type="text"],
.widget-area .widget form input[type="password"],
.widget-area .widget form textarea {
	padding: 3%;
    width: 93%; /* padding plus some extra for a border */
    border: 1px solid #D2D3D6;
}
.widget-area .widget form#sidebar-login-form p.forgetmenot {
	margin: 9px 0;
}
.widget-area .widget form#sidebar-login-form a.sidebar-wp-register {
	display: inline-block;
    margin: 10px 0 0 8px;
}
.widget-area .widget div.item-options {
	clear: left;
    font-size: 11px;
    margin: 0 auto 15px;
    text-align: center;
    color: #ddd;
}
.widget-area .widget div.item-options a.selected {
	font-weight: bold;
	color: #555;
}
.widget img.avatar {
    box-shadow: none;
}
.widget-area .widget ul.item-list li {
	border-top: 1px solid #EAEAEA;
	padding: 15px 0;
    min-height: 54px;
    line-height: 1.3;
}
.widget-area .widget ul.item-list li div.item-avatar {
	float: left;
}
.widget-area .widget ul.item-list img.avatar {
	margin-right: 12px;
	width: 50px;
	height: 50px;
}
.widget-area .widget ul.item-list .item {
    margin-left: 64px;
    word-wrap: break-word;
}
.widget-area .widget ul.item-list .item .item-title {
	font-weight: bold;
}
.widget-area .widget ul.item-list .item .item-meta {
	color: #999;
	font-size: 11px;
	margin-top: 4px;
}
.widget-area .widget dl {
	width: 100%;
	overflow: hidden;
	line-height: 1.3;
}
.widget-area .widget dl dt {
	float: left;
	width: 80%;
	clear: left;
	margin-bottom: 10px;
}
.widget-area .widget dl dd {
	float: left;
	width: 20%;
	text-align: right;
}

/* BuddyBoss Login Widget */
.widget-area .widget #sidebarme {
	overflow: hidden;
}
.widget-area .widget #sidebarme img.avatar {
	float: left;
}
.widget-area .widget #sidebarme ul.sidebarme-quicklinks {
	margin: 3px 0 0 64px;
    word-wrap: break-word;
}
.widget-area .widget #sidebarme ul.sidebarme-quicklinks li.sidebarme-username {
	font-weight: bold;
}
.widget-area .widget #sidebarme ul.sidebarme-quicklinks li.sidebarme-profile {
	text-transform: capitalize;
}

/* BP Profile Search */
.widget-area .widget_bp_profile_search .editfield div label {
	margin: 7px 0;
	font-weight: normal;
}
.widget-area .widget_bp_profile_search .clear-value {
	display: block;
	margin: 10px 0 15px;
}
.widget-area .widget_bp_profile_search .submit {
	margin: 15px 0 0;
}

/*--------------------------------------------------------------
CUSTOM - Events Calendar Shortcode Plugin
--------------------------------------------------------------*/

/* remove padding around the list elements */
.ecs-event-list li {
    margin: 0 0 0 0;
} 

/*The ul*/
.ecs-event-list { 
   padding:0!important;
}

/*The li */
.ecs-event { 
   border-bottom: thin solid #E4E9F4;
   list-style-type: none;
   padding:5px;
}
/* show data on same line (compact) */
.ecs-event h4 { 
   display:inline;
   margin-right: 5px;
   font-size: 14px;
   font-weight: regular;
}
.ecs-all-events { 
   margin-top: 2px;
   margin-left: 5px;
   font-size:small;
}

/* Widget formatting of event calendar (in sidebar) */
.tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, ul.tribe-events-sub-nav a {
    font-size: 13px;
    font-weight: 500;
    margin-top: 15px;
}

#tribe-events-list-widget-2 {
	margin-left: 0px;
}


.tribe-events-list-widget ol li {
	margin-bottom: 8px;
}

/* Custom: Magnifying glass search field, copied from Twenty Thirteen */

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

.site-header .search-form {
	position: absolute;
	right: 376px;
	top: 0px;
}

/* Hide search button; we want just the magnifying glass */
.site-header .screen-reader-text {
    color: white;
}

/* Hide Search For text */
.site-header .search-submit {
    display: none;
}
.site-header .search-field {
	/* background-color: transparent; */
  background-color: white;
	background-image: url(../images/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 1px;
}

.site-header .search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 230px;
}

/* Meta Slider */

.metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {
    line-height: 1.4em; /* adjust as necessary */
    font-size: 1.6em; /* adjust as necessary */
    right: auto;
    bottom: 0px;
    width: 95%;
    height: 100%;
    left: auto;
}