/*
 Theme Name:     Rio Hondo College Theme
 Description:    Reverie Child Theme
 Author:         Brent Stromberg
 Template:       reverie-master
 Version:        1.0.0


@import url("../reverie-child/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/**** COLORS USED ****/
/* Yellow: #FEC40D*/
/* Gray Gradient: top=#1F1F1F, bottom=#4C4C4C */
/* Blue: #0081E3 */
/* Orange: #ED9C00 */
/* Light Brown: #3F3F3F */
/* Dark Brown: #262626 */
/* Internal Page Title H1: #333333 */
/* Internal H2: #AC5C10 */

/* Remove Empty Heading Tags */
h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty {
display:none;
}

.site-search {
    right: 15px!important;
    width: 200px;
    }

/* No greater than 766px*/
@media (max-width:700px) {
    .site-search {
        transform: translateX(-50%);
		left: 50% !important;
		right: initial !important;
		width:initial!important;
		
    }
     .search-input {
        width:120px!important;
        min-width:initial!important;
    }

}​

/* Top Header Menu */
.secondary-menu {
z-index:1000!important;
}

/* mobile */
@media screen and (max-width: 600px) {
  .yes-mobile {
    display: block!important;
  }
  
  .no-mobile {
	display:none!important;
}
	.logo {
	padding-top:20px!important;
}
}

/* Remove Recaptcha Branding */
.grecaptcha-badge { 
	visibility:hidden;
}

.footer-inner > .large-12 {
      background-color: rgba(0, 0, 0, 0.6);
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.footer-inner .large-3 {
    margin-bottom: 0px!important;
    margin-top: 10px!important;
}

html {
	-webkit-font-smoothing: antialiased;
}
/* Typography */
a {
	color: #004F8C;
	-webkit-transition: color 150ms linear;
	-moz-transition: color 150ms linear;
	-o-transition: color 150ms linear;
	-ms-transition: color 150ms linear;
	transition: color 150ms linear;
}
a:hover {
	color: #ED9C00;
	text-decoration: underline;
}
a.see-all {
	font-size: 14px;
	font-size: .875rem;
	display: block;
	text-align: right;
	font-weight: 700;
	margin-top: 10px;
}
body p {
	font-size: 14px;
	font-size: .875rem;
       margin-bottom: 2em;
}
blockquote {
	margin: 10px 0;
	padding: 0;
	border: 0;
}
blockquote p {
	font-style: italic;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.3;
	color: #666;
	margin: 0;
}
.home h2 {
	font-size: 28px;
	font-weight: 700;
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	line-height: 1.2;
	margin-bottom: 5px;
}
.read-more {
	font-size: 13px;
	text-transform: capitalize;
}

/* END Typography */

.clear {
	clear: both;
}
#top-wrapper {
	background: #1f1f1f; /* Old browsers */
	background: -moz-linear-gradient(top, #1f1f1f 0%, #4c4c4c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1f1f), color-stop(100%,#4c4c4c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1f1f1f 0%,#4c4c4c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1f1f1f 0%,#4c4c4c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1f1f1f 0%,#4c4c4c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1f1f1f 0%,#4c4c4c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */
	height: auto;
	margin-bottom: 0;
	padding-top: 20px;
}
.home #top-wrapper {
	height: 201px;
	margin-bottom: 10px;
}
header.row {
	overflow: hidden;
}
.main-header {
	position: relative;
	margin-bottom: 20px;
}
.border-bottom {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #9A9A9A;
	display: block;
}
.after-rotator-shadow img {
	vertical-align: top !important;
}
.contain-to-grid {
	background: none !important;
}
.contain-to-grid .top-bar {
	margin-bottom: 0;
}
.alert-box.secondary {
	display: none;
}
.top-bar {
	overflow: visible;
}
.top-bar .title-area {
	display: none;
}
.top-bar, .top-bar-section ul {
	background: #FEC40D;
}
.top-bar-section li a:not(.button) {
	background: #FFF;
	line-height: 40px;
}
.top-bar-section ul li > a {
	color: #F78F23;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 40px;
	background: #FFF;
}
.top-bar-section ul li > a:hover {
	text-decoration: none;
}
.top-bar-section .has-dropdown > a {
	padding-right: 30px !important;
}
.top-bar-section ul li.active > a {
	background: #F78F23;
}
.top-bar-section .has-dropdown.active > a:after {
	border-top-color: #FFF;
}
.top-bar-section > ul > .divider, .top-bar-section > ul > [role=separator] {
	display: none;
}
.top-bar-section .has-dropdown > a:after {
	border-top-color: #AAA;
	border-top-color: rgba(170, 170, 170, 1);
}
.top-bar-section .dropdown li.title h5 a {
	color: #F78F23;
}
.top-bar-section .dropdown {
	padding-top: 5px;
}
.top-bar-section .dropdown li a {
	background: #F78F23;
	line-height: 18px !important;
	text-transform: capitalize;
	text-transform: initial;
	-webkit-transition: background 100ms ease-in;
	-moz-transition: background 100ms ease-in;
	-o-transition: background 100ms ease-in;
	-ms-transition: background 100ms ease-in;
	transition: background 100ms ease-in;
}
.top-bar-section .dropdown li a:hover, .top-bar-section .dropdown li.active a {
	background: #C56905 !important;
}


/* Search Form Styles */
.site-search {
	position: absolute;
	list-style: none;
	top: 85px;
	right: 0;
	margin-bottom: 0 !important;
	z-index: 9999;
}
#searchform {
	margin-bottom: 0;
}
#s {
	background: #FFF url(//www.riohondo.edu/wp-content/themes/reverie-child/img/search-icon-1x.png) no-repeat 180px center;
	border: 0 !important;
	border-radius: 3px !important;
	box-shadow: none;
	padding: 6px;
	height: 30px;
	width: 200px;
	margin-right: 15px;
}
::-webkit-input-placeholder {
   color: #888;
   font-size: 14px;
   margin-top: 6px;
}
:-moz-placeholder { /* Firefox 18- */
   color: #888;  
   font-size: 14px;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #888;
   font-size: 14px;
}
:-ms-input-placeholder {  
   color: #888;
   font-size: 14px;
}

/* Header Social Icons Styles */

.header-social {
	position: absolute;
	width: 88px;
	height: 27px;
	display: block;
	list-style: none;
	right: 15px;
	margin: 0;
	top: 13px;
	z-index: 9999;
}
.header-social li {
	float: left;
	width: 24px;
	height: 23px;
	margin: 0 0 0 4px;
}
.header-social li img {
	width: 24px;
	height: 23px;
}


/*Access Rio login styles */
.access-rio-link {
	position: absolute;
	right: 120px;
	top: 1px;
	z-index: 9999;
}

/* Secondary Menu Styles */
.secondary-menu {
	position: absolute;
	font-weight: 700;
	list-style: none;
	right: 305px;
	top: 10px;
	font-size: 12px;
	z-index: 9999;
	margin: 0;
}
.secondary-menu li {
	float: left;
	margin: 0;
}
.secondary-menu li.middle {
	padding: 0 5px;
	margin: 0 5px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #CCC;
}
.secondary-menu li a {
	color: #FFF;
	font-size: 12px;
	padding: 0 5px;
	border-right: 1px solid #FFF;
}

.secondary-menu li a:focus {
	color:#fec40d;
	text-decoration: underline;
}

#searchbutton:focus, a:focus img {
	border: 2px solid #fec40d;
	
}
.secondary-menu li a:hover {
	color: #FEC40D;
}
.secondary-menu li.last-list-item a {
	border-right: 0;
}



/* Rotator Placeholder Styles */
.rotator-placeholder-wrapper {
	position: relative;
	width: 100%;
	height: 380px;
	text-align: center;
}
.rotator-placeholder {
	width: 100%;
	position: absolute;
}



/* Main Home Page Content Styles */
#main-content {
	margin-top: 20px;
}
.circle-icon-list {
	list-style: none;
	margin: 50px 0 0 0;
	padding: 0;
}
.circle-icon-list li {
	width: 16.6666667%;
	float: left;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	font-size: 1.125rem;
}
.circle-icon-list li a {
	color: #222 !important;
}
.circle-icon-list li img {
	display: block;
	margin: 0 auto;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 150ms linear;
	-moz-transition: opacity 150ms linear;
	-o-transition: opacity 150ms linear;
	-ms-transition: opacity 150ms linear;
	transition: opacity 150ms linear;
}
.circle-icon-list li img:hover, .circle-icon-list li img:focus, .circle-icon-list li img:active {
	opacity: .85;
	filter: alpha(opacity=85);
}


.large-green-box {
	min-height: 218px;
	background: #38b2b3;
	background: -moz-linear-gradient(-45deg, #38b2b3 0%, #60c9c5 70%, #38b2b3 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#38b2b3), color-stop(70%,#60c9c5), color-stop(100%,#38b2b3));
	background: -webkit-linear-gradient(-45deg, #38b2b3 0%,#60c9c5 70%,#38b2b3 100%);
	background: -o-linear-gradient(-45deg, #38b2b3 0%,#60c9c5 70%,#38b2b3 100%);
	background: -ms-linear-gradient(-45deg, #38b2b3 0%,#60c9c5 70%,#38b2b3 100%);
	background: linear-gradient(135deg, #38b2b3 0%,#60c9c5 70%,#38b2b3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38b2b3', endColorstr='#38b2b3',GradientType=1 );
	padding: 0;
	margin-right: 1.7%;
	width: 48.3%;
	box-shadow: inset 0 0 0 #888;
	-webkit-transition: box-shadow 150ms linear;
	-moz-transition: box-shadow 150ms linear;
	-o-transition: box-shadow 150ms linear;
	-ms-transition: box-shadow 150ms linear;
	transition: box-shadow 150ms linear;
}
.large-orange-box {
	min-height: 218px;
	background: #f78f23; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #f78f23 0%, #ffad3a 70%, #f78f23 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f78f23), color-stop(70%,#ffad3a), color-stop(100%,#f78f23)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #f78f23 0%,#ffad3a 70%,#f78f23 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #f78f23 0%,#ffad3a 70%,#f78f23 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #f78f23 0%,#ffad3a 70%,#f78f23 100%); /* IE10+ */
	background: linear-gradient(135deg, #f78f23 0%,#ffad3a 70%,#f78f23 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78f23', endColorstr='#f78f23',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding: 0;
	margin-left: 1.7%;
	width: 48.3%;
	box-shadow: inset 0 0 0 #888;
	-webkit-transition: box-shadow 150ms linear;
	-moz-transition: box-shadow 150ms linear;
	-o-transition: box-shadow 150ms linear;
	-ms-transition: box-shadow 150ms linear;
	transition: box-shadow 150ms linear;
}
.large-green-box:hover, .large-orange-box:hover {
	box-shadow: inset 0 0 50px #888;
}
.large-green-box:after, .large-orange-box:after {
	content: '';
	width: 100%;
	height: 20px;
	background-size: 100%;
	position: absolute;
	bottom: -20px;
	left: 0;
}
.large-green-box h2, .large-orange-box h2 {
	font-size: 26px;
	font-weight: 100;
	font-family: Futura, Arial, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	line-height: 1.2;
	margin-bottom: 5px;
}
.large-green-box p, .large-orange-box p {
	color: #FFF;
	font-size: 14px;
}
.green-box-inner {
	padding: 25px 205px 0px 25px;
}
.orange-box-inner {
	padding: 25px 205px 0px 40px;
}
.green-box-inner img {
	position: absolute;
	top: 30px;
	right: 70px;
}
.orange-box-inner img {
	position: absolute;
	top: 45px;
	right: 55px;
}



/* Featured Events Section Styles */
#featured-events {
	margin-top: 25px;
}
#featured-events h2 {
	padding: 12px 0 12px 55px;
	background: url(//www.riohondo.edu/wp-content/themes/reverie-child/img/featured-event-icon-1x.png) no-repeat 0 3px;
}


/* New Section Styes */
#in-the-news {
	margin-top: 25px;
}
#in-the-news h2 {
	padding: 12px 0 12px 55px;
	background: url(//www.riohondo.edu/wp-content/themes/reverie-child/img/in-the-news-icon-1x.png) no-repeat 0 3px;
}


/* Our Mission Section Styles */
#our-mission {
	margin-top: 15px;
}



/* Two Logos Section Styles */
#two-logos {
	margin-top: 15px;
}
.two-logos {
	list-style: none;
	margin: 40px 0 0 0;
	padding: 0;
}
.two-logos li {
	width: 50%;
	float: left;
}
.two-logos li.second-logo {
	text-align: right;
}


/* Internal Page Styles */
#crumbs {
	margin-top: 5px;
	font-size: 12px;
	font-size: .75rem;
}
.left-sidebar {
	float: right;
}
.entry-title-wrapper {
	background: #067299;
	padding: 22px 0 22px;
	margin-bottom: 35px;
}
.entry-title-inner {
	width: 970px;
	margin: 0 auto;
}
.entry-title {
	margin: 0;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 30px;
	font-size: 1.875rem;
	margin: 10px 0 5px;
	text-transform: capitalize;
	line-height: 1;
}
.article-wrapper {
	margin-bottom: 25px;
}
article.type-page h2 {
	font-size: 20px;
	font-size: 1.25rem;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 10px;
	color: #333333;	
}
article.type-page h3 {
	font-size: 17px;
	font-size: 1.0625rem;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #333;
	margin-bottom: 5px;
}
article.type-page h4 {
	font-size: 16px;
	font-size: 1rem;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #333;
	margin-bottom: 0;
}
article.type-page h5 {
	font-size: 14px;
	font-size: .75rem;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #333;
	margin-bottom: 0;
}
article.type-page ul {
	margin-left: 40px;
	font-size: 14px;
}
article.type-page ul li {
	line-height: 2;
}
article.type-page ol {
	margin-left: 22px;
}
article.type-page p + ul, article.type-page p + ol {
	margin-top: -25px;
}
article.type-page img {
	margin-bottom: 15px;
}
h3.resources {
	padding-left: 60px;
	padding-top: 17px;
}
article.type-page ul.lcp_catlist {
	margin-left: 0;
}
.small-4.first {
	padding-left: 0;
}
.small-4.last {
	padding-right: 0;
}



/* Blog Pages Styles */
article.type-page .lcp_catlist li img {
	float: left;
	margin: 0 15px 0 0;
}
article.type-page .lcp_catlist li {
	width: 100%;
	min-height: 135px;
	float: none;
	margin: 25px 0 0 0;
	padding: 25px 0 0 0;
	border-top: 1px solid #969696;
}
article.type-page .lcp_catlist li:first-child {
	margin: 0;
	padding: 0;
	border: 0;
}
.page-id-227 article.type-page .lcp_catlist li {
	height: auto;
	min-height: 0;
}


/* 404 Page Styles */

.super-large-text {
	font-size: 115px;
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-weight: 700;
	margin: 0 0 30px 0;
}
.large-text {
	font-size: 50px;
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-weight: 700;
	margin: 0 0 30px 0;
}


/* Sidebar Styles */
#sidebar h2 {
	font-size: 18px;
}
.career-center-links, #menu-left-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.career-center-links li, #menu-left-nav li {
	padding-bottom: 5px;
	margin-top: 5px;
	border-bottom: 0px solid #CCC;
	text-transform: capitalize;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-size: .875rem;
	text-align: left;
}

.sidebar-nav li.last-item {
	border-bottom: 0;
}
#sidebar .textwidget img {
	margin-bottom: 10px;
}
#sidebar a img {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 150ms linear;
	-moz-transition: opacity 150ms linear;
	-o-transition: opacity 150ms linear;
	-ms-transition: opacity 150ms linear;
	transition: opacity 150ms linear;
}
#sidebar a img:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}

.wpcf7-captchac {
	margin-bottom: 5px;
}

 
/* Footer Styles */

.footer-wrapper {
	display: inline-block;
	width: 100%;
	background: #262626;
	margin-top: 20px;
	color: #d6d6d6;	
}
.footer-inner-wrapper {
	width: 100%;
	display: inline-block;
	padding: 30px 0 10px;
	background: #3F3F3F url(/wp-content/themes/reverie-child/img/footer-wave-1x.png) repeat-x bottom;
}
.footer-inner {
	width: 1000px;
	margin: 0 auto;
}
.footer-inner a {
	color: #FEC40D;
}
.footer-inner a:hover {
	color: #FFF;
}
.footer-inner .large-3 {
	margin-bottom: 30px;
}
.footer-inner ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-inner ul li {
	line-height: 1;
	margin-bottom: 5px;
}
.footer-inner ul li a {
	font-size: 14px;
	font-size: .875rem;
	margin: 0;
}
.footer-inner .footer-social-icons li {
	width: 24px;
	float: left;
	margin-right: 4px;
	margin-left: 0px;
}
.footer-wrapper h6 {
	font-size: 18px;
	margin-bottom: 5px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
}
.footer-wrapper p {
	font-size: 14px;
	line-height: 1.3;
}
.footer-access-rio-link {
	position: absolute;
	left: 0;
	margin-top: 20px;
}
.footer-nav-left, .footer-nav-right {
	list-style: none;
	width: 50%;
	float: left;
	font-size: 14px;
}
.footer-nav-left a, .footer-nav-right a {
	color: #F78F23;
}
.footer-nav-left a:hover, .footer-nav-right a:hover {
	color: #FFF;
}
.copyright {
	width: 970px;
	font-size: 12px !important;
	margin: 30px auto;
	padding: 0 15px;
}
.copyright a {
	color: #FEC40D;
}
.copyright a:hover {
	color: #FFF;
}
.footer-wrapper .row {
	background: none;
}
#scrolltotop {
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: -80px;
	right: 15px;
	background: #FEC40D;
	opacity: .5;
	filter: alpha(opacity=50);
	-webkit-transition: opacity 150ms linear;
	-moz-transition: opacity 150ms linear;
	-o-transition: opacity 150ms linear;
	-ms-transition: opacity 150ms linear;
	transition: opacity 150ms linear;
}
#scrolltotop:hover {
	cursor: pointer;
	opacity: 1;
	filter: alpha(opacity=100);
}

/* IE 8 Styles */
.ie8 #s {
	position: absolute;
	right: 0px;
	width: 200px;
}
.ie8 .top-bar {
	width: 970px;
	margin: 0 auto;
	position: relative;
	overflow: visible;
	height: 40px;
}
.ie8 .top-bar-section ul li .js-generated {
	display: none;
}
.ie8 .top-bar-section ul li .js-generated + li {
    display: none;
}
.ie8 .top-bar-section .has-dropdown.active > a:after, .ie8 .top-bar-section .has-dropdown > a:after {
	display: none;
}
.ie8 .top-bar-section .has-dropdown > a {
	padding-right: 15px !important;
}
.ie8 nav.top-bar .top-bar-section ul > li > a{
	/*z-index: 9999;*/ /* makes the first child links clickable */
	height: 40px;
	overflow: hidden;
	line-height: 20px;
}
.ie8 nav.top-bar .top-bar-section ul > li.has-dropdown:hover .dropdown{
	visibility: visible !important; /* makes the dropdown visible on hover */
	display: block !important;
}
.ie8 .top-bar-section .dropdown {
	width: 300px;
	z-index: 9999;
	position: absolute;
	left: 0;
	top: 40px;
}
.ie8 .top-bar-section .dropdown li a {
	color: #FFF;
}
.ie8 #rev_slider_1_1_wrapper {
	z-index: 1 !important;
}
.ie8 #featured-events, .ie8 #in-the-news, .ie8 #our-mission, .ie8 #two-logos {
	width: 485px;
}
.ie8 .footer-inner .large-3 {
	width: 242px;
}
.ie8 .shadow-bottom:after {
	display: none;
}
.ie8 .newsletter-wrapper .wpcf7 {
	margin-top: 0;
}
.ie8 .newsletter-wrapper .large-8 {
	margin-left: 167px;
}
.ie8 .footer-inner .first, .ie8 .footer-inner .last {
	width: 323px;
}
.ie8 .footer-inner .middle {
	width: 324px;
}
.ie8 .article-wrapper .small-12.large-8 {
	width: 667px;
}
.ie8 #sidebar {
	width: 333px;
}


/* Responsive Styles */
@media only screen and (min-width: 1001px) {
	.contain-to-grid .top-bar {
		max-width: 970px;
	}
}	

@media only screen and (max-width: 1000px) {
	.footer-inner {
		width: 100%;
	}
	.copyright {
		width: 100%;
	}
	.footer1 {
		padding-left: 0;
	}
	.footer4 {
		padding-right: 0;
	}
}

@media only screen and (max-width: 1000px) and (min-width: 940px) {
	.entry-title {
		padding-left: 10px;
	}
}

@media only screen and (max-width: 970px) {
	.home #top-wrapper {
		height: auto !important;
		margin-bottom: 0 !important;
	}
	.rotator-placeholder-wrapper {
		height: auto !important;
	}
	.rotator-placeholder {
		width: 100%;
		position: relative;
	}
	.top-bar-section ul li > a {
		font-size: 13px;
	}
	.top-bar-section .has-dropdown > a:after {
		margin-top: -4.5px;
	}
}

@media only screen and (min-width: 940px) {
	.contain-to-grid .top-bar {
		margin-bottom: 0;
		height: auto;
	}
}

@media only screen and (max-width: 340px) {
	.access-rio-link {
	top:24px!important;
	}
	.access-rio-link img {
	max-width:100px!important;
	}
}


@media only screen and (max-width: 939px) {
	.top-bar .title-area {
		display: block;
	}
	.top-bar.expanded .title-area {
		background: #767689;
		background: -moz-linear-gradient(top, #767689 0%, #5d5d70 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#767689), color-stop(100%,#5d5d70));
		background: -webkit-linear-gradient(top, #767689 0%,#5d5d70 100%);
		background: -o-linear-gradient(top, #767689 0%,#5d5d70 100%);
		background: -ms-linear-gradient(top, #767689 0%,#5d5d70 100%);
		background: linear-gradient(to bottom, #767689 0%,#5d5d70 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767689', endColorstr='#5d5d70',GradientType=0 );
		color: #FFF !important;
	}
	.top-bar.expanded .toggle-topbar a {
		color: #FFF;
	}
	.top-bar.expanded .toggle-topbar a span {
		-webkit-box-shadow: 0 10px 0 1px #FFF, 0 16px 0 1px #FFF, 0 22px 0 1px #FFF;
		box-shadow: 0 10px 0 1px #FFF, 0 16px 0 1px #FFF, 0 22px 0 1px #FFF;
	}
	.top-bar, .top-bar-section ul {
		background: #FEC40D;
	}
	.top-bar-section ul.left {
		padding-top: 4px;
	}
	.top-bar-section ul.dropdown {
		padding-top: 0;
	}
	.top-bar-section li a:not(.button) {
		background: #FFF;
		line-height: 1;
	}
	.top-bar-section li a:not(.button):hover {
		color: #FFF !important;
	}
	.top-bar-section ul li > a:hover, .top-bar-section ul li > a:active {
		color: #FFF !important;
		background: #F78F23;
	}
	.top-bar-section .dropdown li a:hover, .top-bar-section .dropdown li.active a {
		color: #FFF;
	}
	.top-bar-section .has-dropdown > a:hover:after {
		border-color: transparent !important;
		border-left-color: #FFF !important;
	}
	.top-bar-section .has-dropdown > a:after {
		border-color: transparent !important;
		border-left-color: #F78F23 !important;
	}
	.top-bar-section .has-dropdown.active > a:after {
		border-color: transparent !important;
		border-left-color: #FFF !important;
	}
	.entry-title-inner {
		width: auto;
		margin: 0 15px;
	}
	.sidebar-nav {
		width: 220px;
		float: right;
	}
	#sidebar .textwidget img {
		width: 220px;
		float: none;
	}
}

@media only screen and (max-width: 939px) and (min-width: 767px) {
	.large-green-box, .large-orange-box {
		height: auto;
		min-height: 235px;
	}
	.green-box-inner, .orange-box-inner {
		padding: 25px 42% 0px 25px;
	}
	.green-box-inner img, .orange-box-inner img {
		right: 8%;
		width: 100px;
		top: 30px;
	}
}

@media only screen and (max-width: 900px) {
	.blue-box-left {
		width: 25%;
		padding-right: 0;
		margin-right: 0;
	}
	.blue-box-right {
		width: 75%;
		padding: 0px 0 0 5%;
	}
	.blue-box-full h4 {
		font-size: 19px;
		padding-left: 0;
	}	
}

@media only screen and (max-width: 767px) {
	.left-sidebar {
		float: none;
	}
	#sidebar {
		margin-top: 20px;
		padding-top: 20px;
	}
	.super-large-text {
		font-size: 87px;
	}
	.large-text {
		font-size: 35px;
	}
	.circle-icon-list {
		margin: 15px 0 0 0;
	}
	.circle-icon-list li {
		width: 33.3333%;
		margin-bottom: 25px;
	}
	.small-4.first, .small-4.last {
		padding-left: 0;
		width: 48%;
		margin-bottom: 20px;
	}
	.small-4.middle {
		padding-right: 0;
		width: 48%;
		margin-bottom: 20px;
	}
	.footer1, .footer2, .footer3, .footer4 {
		width: 50%;
		float: left;
	}
	.copyright {
		margin: 15px auto;
	}
}

@media only screen and (max-width: 767px) and (min-width: 641px) {
	.main-header {
		padding-top: 10px;
	}
	.secondary-menu {
		right: 15px;
		top: -5px;
	}
	.secondary-menu li.last-list-item a {
	    padding-right: 0;
	}
	.access-rio-link {
		right: 15px;
		top: 16px;
	}
	.header-social {
		top: 52px;
	}
	.site-search {
		top: 94px;
	}
}

@media only screen and (max-width: 640px) {
	.main-header {
		height: auto;
		margin-top: 0;
	}
	.logo {
		display: block;
		padding-top: 140px;
		text-align: center;
	}
	.secondary-menu {
		right: auto;
		top: -5px;
		width: 100%;
		text-align: center;
		z-index: 10000 !important;
	}
	.secondary-menu li {
		display: inline-block;
		float: none;
	}
	.access-rio-link {
		right: auto;
		top: 18px;
		width: 100%;
		text-align: center;
		padding-top: 13px;
	}
	.header-social {
		right: auto;
		top: 60px;
		width: 100%;
		text-align: center;
	}
	.header-social li {
		display: inline-block;
		float: none;
	}
	.site-search {
		top: 95px;
		right: auto;
		text-align: center;
		width: 100%;
	}
	#searchform {

		margin: 0 auto;
	}
	#searchform #s {
		width: 230px;
		background-position: 210px center;
	}
	#searchform .small-4 {
		width: 25px;
	}
	.error404 article #searchform {
		margin: 0 !important;
	}
}

@media only screen and (max-width: 550px) {
	.dash {
		display: none;
	}
	.two-logos {
	    margin-top: 0;
	}
	.two-logos li {
		width: 100%;
		float: none;
		margin-bottom: 20px;
		text-align: center !important;
	}
}

@media only screen and (max-width: 480px) {
	.small-4.first, .small-4.middle, .small-4.last {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.circle-icon-list li {
		width: 50%;
		margin-bottom: 25px;
	}
	.footer1, .footer2, .footer3, .footer4 {
		width: 100%;
		float: none;
		padding: 0;
	}
	.footer-access-rio-link {
		left: -10px;
	}
	.footer4 {
		margin-top: 55px;
	}
}	

@media only screen and (max-width: 445px) {
	.getinvolved-list li img {
		left: 5px;
	}
	.getinvolved-list li {
		padding: 25px 10px 5px 105px;
	}
	.sidebar-nav {
		width: 100%;
	}
	#sidebar .textwidget img {
		margin-left: 0;
		width: 100%;
	}
}

@media only screen and (max-width: 360px) {
	
}

@media only screen and (max-width: 320px) {
	.circle-icon-list li {
		width: 100%;
		margin-bottom: 25px;
	}
}





/****RETINA AND HIGH PIXEL DENSITY DISPLAY IMAGE SWAP****/
@media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min-resolution: 110dpi) {
	#s {
		background: #FFF url(//www.riohondo.edu/wp-content/themes/reverie-child/img/search-icon-2x.png) no-repeat 210px center;
		background-size: 14px;
	}
	#featured-events h2 {
		background: url(//www.riohondo.edu/wp-content/themes/reverie-child/img/featured-event-icon-2x.png) no-repeat 0 3px;
		background-size: 44px;
	}
	#in-the-news h2 {
		background: url(//www.riohondo.edu/wp-content/themes/reverie-child/img/in-the-news-icon-2x.png) no-repeat 0 3px;
		background-size: 44px;
	}
}

/*-- custom codes by Kevin Luong --BEGIN--*/
h1 {
   font-size: 24px;
   color: #AC5C10;
   }

/*-fix wrapping text around image-*/
img.alignleft {
float: left;
margin-bottom: 1.000em;
margin-right: 1.000em;
}

img.alignright {
float: right;
margin-bottom: 1.000em;
margin-left: 1.000em;
}
.aligncenter {
display: block;
margin-top: 10px;
margin-right: auto !important;
margin-bottom: 10px;
margin-left: auto !important;
}

/*--Set the width for contact form 7 fields-*/
/*
.wpcf7 input.wpcf7-text { width: 80%; }
.wpcf7 textarea.wpcf7-textarea { width: 80%; }
.wpcf7 .wpcf7-textarea { height: auto; }
*/

/*--Fixed margin left for bullet point--*/
article.type-page ul {
margin-left: 10px;
font-size: 14px;
}

/*--Fixed margin left and font size for number listing--*/
li{ font-size: 14px; margin-left: 10px;}


/*--Remove tooltip for clearing categories on timely--*/
.timely.tooltip { visibility: hidden; }

/*-- remove the table border around the table -- */
table { background: white; margin-bottom: 1.25em; border: 0px; }

/*-- removed the width for fixing the correct size image for side bar -- */
#sidebar .textwidget img { margin-bottom: 10px; }

/*-- fixing the built-in wp gallery -- */
#gallery-1 .gallery-item { float: left; margin-top: 0.83em; text-align: center; width: 33%; }
#gallery-2 .gallery-item { float: left; margin-top: 0.83em; text-align: center; width: 33%; }
#gallery-3 .gallery-item { float: left; margin-top: 0.83em; text-align: center; width: 33%; }
#gallery-4 .gallery-item { float: left; margin-top: 0.83em; text-align: center; width: 33%; }
#gallery-5 .gallery-item { float: left; margin-top: 0.83em; text-align: center; width: 33%; }
#gallery-6 .gallery-item { float: left; margin-top: 0.83em; text-align: center; width: 33%; }
#gallery-7 .gallery-item { float: left; margin-top: 0.83em; text-align: center; width: 33%; }
#gallery-8 .gallery-item { float: left; margin-top: 0.83em; text-align: center; width: 33%; }

/*-- fixing spacing b/w bullet lis -- */
article.type-page ul li {  line-height: 1.5; }

/*--fixed spacing b/w post for listing--*/
article.type-page .lcp_catlist li { width: 100%; height: 10px; min-height: 10px; float: none; margin: 20px 0 0 0; padding: 5px 0 0 0; border-top: 0px solid #969696; }

/*--fixing for display search box for all sites --*/
#searchform .row.collapse { height: auto; }


/*-- custom codes by Kevin Luong --END--*/

/* wpcf7 fixes - SC*/
.wpcf7, .wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 textarea, .wpcf7 select
{
    background-color: #fff;
    color: #000;
    width: 80%;
}
.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
    position: relative;
    top: -9px;
    left: 0px;
    padding: 9px 6px;
    width: 95%;
    font-size: 12px;
}
.wpcf7 textarea {
  resize: both;
  height: auto;
}
span.wpcf7-form-control-wrap {
  display: inline !important;
}

/*--fixing Headings - SC --*/
article.type-page p { margin-bottom: 1em; }
article.type-page h2 { font-weight: 900; font-size: 22px; margin-top: 5px;}
article.type-page h3 { font-weight: 400; font-size: 20px; margin-top: 5px;}
article.type-page h4 { font-weight: 900; font-size: 18px; color: #AC5C10; margin-top: 5px;}
article.type-page h5 { font-weight: 900; font-size: 18px; margin-top: 5px;}
article.type-page h6 { font-weight: 400; font-size: 18px; font-family: Helvetica,Arial,sans-serif;margin-top: 5px;}
article.type-page p + ul, article.type-page p + ol {
  margin-top: 0px; line-height: 1.2em;}
  
/* adjusting post headings to match pages - SC */
.entry-content h2 { font-weight: 900; font-size: 22px; margin-top: 5px;}
.entry-content h3 { font-weight: 400; font-size: 20px; margin-top: 5px;}
.entry-content h4 { font-weight: 900; font-size: 18px; color: #AC5C10; margin-top: 5px;}
.entry-content h5 { font-weight: 900; font-size: 18px; margin-top: 5px;}
.entry-content h6 { font-weight: 400; font-size: 18px; font-family: Helvetica,Arial,sans-serif;margin-top: 5px;}
.entry-content img { padding: 0.3714% 0; }

/* fixing margins - SC */
body p {
   	margin-bottom: 1em;
}

@media print {
	@page {
		margin: .75in;
	}
	#top-wrapper {
		display: none;
	}
	#crumbs {
		display: none;
	}
	.footer-wrapper {
		display: none;
	}
	.footer-inner-wrapper {
		display: none;
	}
	.footer-inner {
		display: none;
	}
	.copyright-wrapper {
		display: none;
	}
	.scrolltotop {
		display: none;
	}
	a {
		text-decoration: none;
	}
	/* fixes urls */
	a:after {
		content:" (" attr(href) ") ";
		font-size:0.8em;
		font-weight:normal;
	}
	/* hides anchor links */
	a[href^="#"]:after {
		content: "";
	}
	/* do not display links in tables */
	table a:after {
		display: none;
	}
	/* do not display links in photo galleries */
	.gallery-icon a:after {
		display: none;
	}
	.wpcf7 {
		display: none;
	}
	#sidebar {
		display: none;
	}
	/* expand all accordions */
	.omsc-toggle-inner {
		display: block;
	}
}

    /*----- Content of Tabs -----*/
    .tab-content {
        padding:15px;
        border-radius:3px;
        box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
        background:rgb(213, 213, 213);
    }
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }
        
		.tab-panels {
	    background-color: #FFF;
    	font-size: 1.7rem;
   		margin-bottom: 4px;
    	padding: 7px;
   		border: 2px solid #EBEBEB;
   		border-radius: 6px 6px 6px;
}
/*--- Modal Box ----*/
.modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}
.modal-header {
		background-color: #FEC40D;
		padding: 5px;
}
	.modalDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.modalDialog > div {
		max-width: 700px;
		max-width:700px;
		position: relative;
		margin: 3% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}

@media screen and (max-width: 800px) {
    .modalDialog > div {
    max-height: 750px;
	max-width: 90%; 
	width: initial;   
	}
}

	.close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: #FEC40D; }
	
	

/** UberMenu Custom Menu Styles (Customizer) **/
/* main */
 .ubermenu-main .ubermenu-item .ubermenu-submenu-drop { -webkit-transition-duration:.1s; -ms-transition-duration:.1s; transition-duration:.1s; }
 .ubermenu-main .ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:26px; }
 .ubermenu-main .ubermenu-item-layout-image_right > .ubermenu-target-text { padding-right:26px; }
 .ubermenu-main { background:#fec40d;}
 .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { font-size:13px; text-transform:uppercase; color:#2b2b2b; border-left:1px solid #ffdb66; }
 .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target { font-weight:600; }
 .ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { color:#2b2b2b; }
 .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target { color:#2b2b2b; }
 .ubermenu-main .ubermenu-item.ubermenu-item-level-0 > .ubermenu-highlight { color:#2b2b2b; }
 .ubermenu.ubermenu-main .ubermenu-item-level-0 { margin:0px; }
 .ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop { background-color:#ffffff; border:1px solid #ffffff; }
 .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target, .ubermenu-main .ubermenu-tab > .ubermenu-target { font-size:12px; text-transform:uppercase; }
 .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target { color:#141414; }
 .ubermenu-main .ubermenu-item-normal > .ubermenu-target { color:#1e73be; font-size:12px; }
 .ubermenu-main .ubermenu-item-normal > .ubermenu-target:hover > .ubermenu-target-text { text-decoration:underline; }
 .ubermenu-main .ubermenu-submenu .ubermenu-divider > hr { border-top-color:#020202; }
  .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main:hover { color:#020202; }
   .ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { background:#f7f7f7; }
 /** UberMenu Custom Tweaks (General Settings) **/
#megaMenu ul.megaMenu > li.menu-item{
    width:25%;
    text-align:center;
}

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item > a,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item:hover > a,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item > a:hover{
  border-bottom:none;
  padding-bottom:0;
	margin-bottom:0;}
	
.top-bar-section li a:not(.button) {
		line-height:14px!important;
		word-break:normal!important;
}

.ubermenu-main .ubermenu-item-normal > .ubermenu-target {
		font-weight:normal!important;
}

.ubermenu .ubermenu-submenu .ubermenu-column {

    width: 20%!important;
}

.ubermenu .ubermenu-submenu-type-stack > .ubermenu-item.ubermenu-column-auto {

    width: 100% !important; }
    
.ubermenu-skin-orange .ubermenu-submenu.ubermenu-submenu-drop {

    background: #fff!important; }
    
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    font-size: 13px!important;
    text-transform: uppercase!important;}
    
.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
	
	font-size: 12px!important;
text-transform: uppercase!important;
color:#000!important;
font-weight:bold!important;
}

.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {


border-bottom: 1px solid #bdbdbd;
margin-right: 5px;
}

.top-bar-section ul li.active > a {
    background: none!important;}
    
.ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target {
    padding-top: 3px!important;
    padding-bottom: 3px!important;
}

@media screen and (max-width:959px) {
.ubermenu-responsive-default.ubermenu-responsive.ubermenu {

background-color:#ffffff!important;}

}
/* Max Mega Menu for Subsites */
@media only all and (max-width:50em) { 
	.article-wrapper {

    display: flex;
    flex-direction: column-reverse;
}
	
	.post-template-default .article-wrapper {
		display:block!important;
	}
	
	#sidebar {
		margin-top:0px!important;
		padding-top:0px!important;
		padding-bottom:20px;
	}
}

#sidebar {
	z-index:1;
}

#mega-menu-wrap-utility #mega-menu-utility > li.mega-menu-flyout ul.mega-sub-menu {
	width:100%;
}

#mega-menu-wrap-utility #mega-menu-utility > li.mega-menu-item {

	display: list-item;
}

#mega-menu-wrap-utility #mega-menu-utility > li.mega-menu-item > a.mega-menu-link { 
height: auto;
}

/* Ubermenu Fix 5-31-2021 */
.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
    padding: 10px;
}