/**********************************
    File Name: custom.css
    Template Name: TechMag
    Created By: Template Visual Team
    Website: http://templatevisual.com
    Version: 1.0
    Support: support@templatevisual.com

/**********************************/

.navbar-default,
.label-primary,
.reviewbox h3,
.progress-bar,
.tags a,
.btn-primary,
div.bbp-template-notice.info,
div.bbp-template-notice.info p,
.header,
.random-article,
.type,
.status,
.flex-direction-nav a,
#bbpress-forums li.bbp-header,
.pagination > li > a,
.pagination > li > span,
.large-widget .large-widget-title:hover a,
.mini-widget .post:hover a,
.post-review:hover h3 a,
.widget-title hr:before {
    background-color: #052555 !important;
    border-color: #0288d1 !important;
    color: #ffffff !important;
}



a:hover,
a:focus {
    color: #0080c9;
}

.btn-default:hover,
.btn-default:focus,
.pagination > li > a:hover,
.pagination > li > span:hover,
div.bbp-template-notice,
div.indicator-hint,
div.bbp-template-notice p,
.tags a:hover,
.btn-primary:hover,
.btn-primary:focus {
    background-color: #052555 !important;
    border-color: #0080c9 !important;
    color: #ffffff !important;
}


.google-search-container .gsc-search-button{ 
	display: none;
}

.google-search-container .gsc-input{
	 padding-right:0px !important;
}

ul.multilevel-linkul-0{
	display: none;
}

/*************** Royal Slider Custom CSS **************/
.fullWidth {
    width: 100%;
}
	
#full-width-slider {
    width: 100%;
    color: #000;
}

@media screen and (min-width:960px) and (min-height:660px) {
.heroSlider .rsOverflow, .royalSlider.heroSlider {
    height: 520px !important;
}
}

@media screen and (min-width:960px) and (min-height:1000px) {
.heroSlider .rsOverflow, .royalSlider.heroSlider {
    height: 660px !important;
}
}

@media screen and (min-width: 0px) and (max-width: 800px) {
	.royalSlider.heroSlider, .royalSlider.heroSlider .rsOverflow {
		height: 300px !important;
	}
}
/*************** End: Royal Slider Custom CSS **************/

button.return-to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #052555;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

button.return-to-top:hover {
  background-color: #555;
}

.h2-mail:before{
  content: "";
  display: inline-block;
  background: url(/media/Lehman-College-Website/resources/documents/EAB-Navigate/mail_icon.png) no-repeat;
  width: 30px;
  height: 30px;
  float: left;
  margin: 0 6px 0 0;
}

.h2-calendar:before{
  content: "";
  display: inline-block;
  background: url(/media/Lehman-College-Website/resources/documents/EAB-Navigate/calendar_icon.png) no-repeat;
  width: 30px;
  height: 30px;
  float: left;
  margin: 0 6px 0 0;
}

.h2-phone:before{
  content: "";
  display: inline-block;
  background: url(/media/Lehman-College-Website/resources/documents/EAB-Navigate/phone_icon.png) no-repeat;
  width: 30px;
  height: 31px;
  float: left;
  margin: 0 6px 0 0;
}

/* Css for Big Buttons */
.bigbutton-pane {
    padding: 50px 0;
    background-color: #eeecf0;
}
.bigbutton-container {
    text-align: center;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
}
.bigbutton-contentarea {
    margin-bottom: 10px;
    margin-top: 10px
}
.bigbutton {
    background-color: #0061A0;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 20px 25px;
    height: 100%;
    position: relative
}
.bigbutton:after {
    content: "\00a0";
    display: inline-block;
    margin-left: 0;
    background: url(/media/templates/theme01/assests/images/arrow-right-white.svg) no-repeat top right;
    width: 54px;
    height: 18px;
    vertical-align: middle;
    text-align: right;
    position: absolute;
    right: 35px;
    bottom: 20px
}
.has-gutter {
    float: left;
    padding: 0 10px
}
.bigbutton-wrapper {
    height: 100%;
    width: 100%
}
.bigbutton-wrapper a {
    display: block;
    height: 100%
}
.hover-block {
    position: static;
    display: block;
    max-width: 100%;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}
.hover-blockbg {
    display: inline-block;
    width: 100%;
    height: 100%;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    line-height: 0
}
.hover-blockbtn {
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    line-height: 0;
    width: 100%
}
.hover-blockbtn {
    height: 100%;
}
.hover-block:hover {
    overflow: visible
}
.hover-block:hover .color_overlay, .hover-block:hover .hover-blockbtn {
    margin-top: -8px;
    margin-bottom: 8px;
    margin-left: 8px
}
.hover-block:hover .hover-blockbg {
    background-color: #cdde00;
    margin-left: -8px
}
.hover-block:hover .hover-blockbg.gold {
    background-color: #cdde00;
}
.bigbutton .button-text {
    color: #fff;
    display: inline-block;
    width: 100%;
    text-align: left
}
.hed {
    font-size: 60px;
    line-height: 60px;
    font-family: "Roboto Condensed", Impact, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 20px 0;
    font-weight: 700;
    max-width: 900px;
    letter-spacing: -.01em
}
.hed__button-lg {
    font-size: 40px;
    line-height: 42px;
    padding: 0;
    letter-spacing: .02em;
    text-transform: initial
}
.bigbutton .button-text .button-desc {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #cdde00;
    padding-right: 15px
}
.bigbutton.gold {
    background-color: #84BD00;
}
.bigbutton.gold .button-text {
    color: #FFF
}
.bigbutton.gold .button-text .button-desc {
    color: #dcddde;
}
.bigbutton.gold:after {
    background: url(/media/templates/theme01/assests/images/arrow-right-white.svg) no-repeat top right
}

@media only screen and (min-width:768px) and (max-width:1599px) {
.hed {
    font-size: 30px;
    font-size: 3.25vw;
    line-height: 30px;
    line-height: 3.25vw
}
.hed__button-lg {
    font-size: 32px;
    line-height: 32px
}
.bigbutton-container .bigbutton:after {
    content: "\00a0";
    display: inline-block;
    margin-left: 0;
    background: url(/media/templates/theme01/assests/images/arrow-right-white-tiny.svg) no-repeat top right;
    width: 20px;
    height: 10px;
    right: 10px;
    bottom: 25px
}
.bigbutton-container .bigbutton.gold:after {
    background: url(/media/templates/theme01/assests/images/arrow-right-white-tiny.svg) no-repeat top right
}
}

@media only screen and (min-width:768px) and (max-width:1199px) {
.bigbutton-container .bigbutton:after {
    content: "\00a0";
    display: inline-block;
    margin-left: 0;
    background: url(/media/templates/theme01/assests/images/arrow-right-white-tiny.svg) no-repeat top right;
    width: 20px;
    height: 10px;
    right: 10px;
    bottom: 25px
}
.bigbutton-container .bigbutton.gold:after {
    background: url(/media/templates/theme01/assests/images/arrow-right-white-tiny.svg) no-repeat top right
}
.hed__button-lg {
    font-size: 32px;
    line-height: 32px
}
.bigbutton .button-text .button-desc {
    font-size: 14px;
    line-height: 20px;
    padding-right: 28px
}
}

@media only screen and (min-width:320px) and (max-width:767px) {
.bigbutton-pane {
    padding: 15px 0
}
.bigbutton-container {
    max-width: 400px;
}
.hed {
    font-size: 30px;
    line-height: 30px;
    padding: 10px 0
}
.bigbutton .button-text .button-desc {
    font-size: 16px;
    line-height: 20px;
    padding-right: 70px
}
}

@media (min-width:320px) {
.sm-12 {
    width: 99.9999996%
}
}

@media (min-width:768px) {
.md-4 {
    width: 33.3333332%
}
}

@media (min-width:1200px) {
.lg-4 {
    width: 33.3333332%
}

.lg-5 {
    width: 41.66666667%;
}
}
/* End: Css for Big Buttons */

.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
}

.embed-container iframe, .embed-container object, .embed-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}