/* Add here all your css styles (customizations) */


.logo{
	max-width: 150px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.img_fixed{
	max-width: 150px;
}

.events .section-content {
  /*min-height: 520px;*/
}
.events .event-item {
  position: relative;
  padding-left: 55px;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 10px;
}
.events .event-item .date-label {
  background: #fff;
  position: absolute;
  left: 0;
}
.events .event-item h2.title {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 20px;
}
.events .event-item p {
  margin-bottom: 5px;
}
.events .event-item .fa {
  margin-right: 5px;
  font-size: 14px;
  min-width: 16px;
  color: #777;
}
.events .event-item .fa.fa-map-marker {
  font-size: 18px;
}
.events .read-more {
  margin-top: 15px;
}
.events .details p {
  color: #777;
}

.date-label {
  background: #f5f5f5;
  display: inline-block;
  width: 40px;
  height: 50px;
  text-align: center;
  font-size: 13px;
}
.date-label .month {
  background: #800000;
  color: #fff;
  display: block;
  font-size: 13px;
  text-transform: uppercase;
}
.date-label .date-number {
  clear: left;
  display: block;
  padding-top: 5px;
  font-size: 15px;
  font-family: 'open sans', arial, sans-serif;
  font-weight: 500;
}

/*twitter*/
.twitter-timeline {
    /*max-width: 100% !important;*/
    width: auto;
}
/*twitter*/
.fb-root .fb-post .fb-xfbml-parse-ignore {
    /*max-width: 100% !important;*/
    width: auto;
}



/* centered columns styles */
/*.row-centered {
    text-align:center;
}*/
.col-centered {
  display:inline-block;
  vertical-align: top;
  float: none;
  margin-right: auto;
  margin-left: auto;
}

.col-centered img{
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
}

/*Title-Box-V2*/
.title-box-v2 {
  text-align: center;
  margin-bottom: 40px;
}

.title-box-v2 h2 {
    font-size: 25px;
    text-transform: uppercase;
}

.title-box-v2 p {
  font-size: 13px;
}

/*remove padding from "Col-"*/
.no-space {
  padding: 0;
}

.content p, .content li{
  text-align: justify;
}

.center_me{
  text-align: center;
}

/* NEW FONTS FROM GOOGLE*/

.shadow_font span{
  font-family: 'Shadows Into Light', cursive;
  font-size: 45px;
}

.shadow_verse{
  font-family: 'Shadows Into Light', cursive;
  font-size: 30px;
  font-weight: 300;
}

.shadow_title{
  font-family: 'Shadows Into Light', cursive;
  font-size: 40px;
  font-weight: 300;
  text-transform: uppercase;
}

.pacifico_font_title{
  font-family: 'Pacifico', cursive;
  font-size: 50px;
  margin-top: 22px;
  margin-bottom: 22px;
}

.quicksand_font{
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
}

.dancing_script_title{
  font-family: 'Dancing Script', cursive;
  font-size: 50px;
}

.hr{
  border-bottom: dotted 1;
}

.reduce-margin-top-5{
  margin-top: -5px;
}
.reduce-margin-top-10{
  margin-top: -10px;
}
.reduce-margin-top-20{
  margin-top: -20px;
}
.reduce-margin-top-30{
  margin-top: -30px;
}

.all_caps{
  text-transform: uppercase;
}

.blue{
  color: #005dd0;
}
.red{
  color: #e40606;
}
.skyblue{
  color: #0b9efb;
}
.orange{
  color: #ffa800;
}
.green{
  color: #008000;
}

.maroon{
  color: #800000;
}
.white{
  color: #fff;
}

.admission_content ul li{
  font-size: 16px;
}

.shadow{
  font-family: 'Shadows Into Light', cursive;
}

.pacifico{
  font-family: 'Pacifico', cursive;
}

.quicksand{
  font-family: 'Quicksand', sans-serif;
}

.dancing_script{
  font-family: 'Dancing Script', cursive;
}


.fs10px{
  font-size: 10px;
}
.fs20px{
  font-size: 20px;
}
.fs30px{
  font-size: 30px;
}
.fs40px{
  font-size: 40px;
}
.fs50px{
  font-size: 50px;
}
.fs60px{
  font-size: 60px;
}
.fs70px{
  font-size: 70px;
}
.fs80px{
  font-size: 80px;
}
.fs90px{
  font-size: 90px;
}
.fs100px{
  font-size: 100px;
}

.minH500{
  min-height: 500px;
}

@media (max-width: 550px) {
  .minH500{
    min-height: 0px;
  }
}

.center_img img{
  margin-left: auto;
  margin-right: auto;
}


/*Background Opacity
------------------------------------*/
.service-or {
  overflow: hidden;
  position: relative;
}

.service-bg {
    width: 250px;
    padding: 60px;
    position: absolute;
    top: -10px;
    right: -100px;
    background-color: rgba(255,255,255,0.1);
    transform: rotate(55deg);   
    -o-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -webkit-transform: rotate(55deg);
}

.service-block img{
  margin: 0 auto;
  padding: 0 auto;
}

.service-block p{
  text-align: center;
}


.whygrace li{
  font-weight: bold;
}
.whygrace p{
  font-weight: normal;
}

.paragraph p{
  text-indent: 25px;
  text-align: justify;
}


.dr_span span{
  text-indent: 25px;
  text-align: justify;
}
.clear-me{
  clear: both;
}

@media (min-width: 550px) {
  .pull-me-right{
    float: right;
  }
  .pull-me-left{
    float: left;
  }
}

@media (min-width: 960px) {
  .move-right{
    float: right;
  }
  .move-left{
    float: left;
  }
}
@media (max-width: 550px) {
  .hide_about_me{
    display: none;
  }
  .show_about_me{
    display: block;
  }
}
@media (min-width: 550px) {
  .hide_about_me{
    display: block;
  }
  .show_about_me{
    display: none;
  }
}

/*Image Backgrounds v1
------------------------------------*/
.bg-image-college {
  width: 100%;
  height: auto;
  padding: 30px 0;
  position: relative;
  background: url(../img/college/sample.jpg) repeat fixed; 
}

.bg-image-college:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  content: " ";
  position: absolute;
  background: rgba(0,0,0,0.5);
}

/*Background Dark Cover*/
.bg-image-college-dark:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  content: " ";
  position: absolute;
  background: rgba(255,255,255,0.5);
}

.bg-image-college-dark h2,
.bg-image-college-dark p {
  color: #000 !important;
  text-align: center;
}





/*Now the CSS*/
* {margin: 0; padding: 0;}

.tree ul {
  padding-top: 20px; position: relative;
  
  -transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.tree li {
  float: left; text-align: center;
  list-style-type: none;
  position: relative;
  padding: 20px 5px 0 5px;
  
  -transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
  content: '';
  position: absolute; top: 0; right: 50%;
  border-top: 1px solid #ccc;
  width: 50%; height: 20px;
}
.tree li::after{
  right: auto; left: 50%;
  border-left: 1px solid #ccc;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
  display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
  border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
  border-right: 1px solid #ccc;
  border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
  border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
  content: '';
  position: absolute; top: 0; left: 50%;
  border-left: 1px solid #ccc;
  width: 0; height: 20px;
}

.tree li a{
  border: 1px solid #ccc;
  padding: 5px 10px;
  text-decoration: none;
  color: #666;
  font-family: arial, verdana, tahoma;
  font-size: 11px;
  display: inline-block;
  
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  
  -transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a {
  background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after, 
.tree li a:hover+ul li::before, 
.tree li a:hover+ul::before, 
.tree li a:hover+ul ul::before{
  border-color:  #94a0b4;
}

/*Thats all. I hope yo*/


.indenttxt10{
  text-indent: 10px;
}
.indenttxt20{
  text-indent: 20px;
}
.indenttxt30{
  text-indent: 30px;
}
.indenttxt40{
  text-indent: 40px;
}
.indenttxt50{
  text-indent: 50px;
}
.indenttxt60{
  text-indent: 60px;
}
.indenttxt70{
  text-indent: 70px;
}

.margin-left-10{
  margin-left: 10px;
}
.margin-left-20{
  margin-left: 20px;
}
.margin-left-30{
  margin-left: 30px;
}
.margin-left-40{
  margin-left: 40px;
}
.margin-left-50{
  margin-left: 50px;
}
.margin-left-60{
  margin-left: 60px;
}
.margin-left-70{
  margin-left: 70px;
}

.img-max-50{
  max-width: 50px;
}

.img-max-70{
  max-width: 70px;
}

.img-max-100{
  max-width: 100px;
}


@media (min-width: 990px) {
  .contact-info-box .info-box {
      padding-top: 93px;
      padding-bottom: 70px;
  }
  .contact-info-box {
      margin-bottom: 60px;
      position: relative;
      text-align: center;
      background-color: #d8d8d8;
  }
  .contact-info-box .box-img {
      position: absolute;
      right: 40px;
      bottom: -324px;
  }

}
@media (max-width: 990px) {
  .contact-info-box .info-box {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .contact-info-box {
      margin-bottom: 60px;
      position: relative;
      text-align: center;
      background-color: #d8d8d8;
  }
  .contact-info-box .box-img {
      position: absolute;
      right: 40px;
      bottom: -320px;
      display: none;
  }
}
/*CSS LIBRARY*/
.aden{-webkit-filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}
.aden::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}
.inkwell{-webkit-filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}
.perpetua::after{background:-webkit-linear-gradient(top,#005b9a,#e6c13d);background:linear-gradient(to bottom,#005b9a,#e6c13d);mix-blend-mode:soft-light;opacity:.5}
.reyes{-webkit-filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}
.reyes::after{background:#efcdad;mix-blend-mode:soft-light;opacity:.5}
.gingham{-webkit-filter:brightness(1.05) hue-rotate(-10deg);filter:brightness(1.05) hue-rotate(-10deg)}
.gingham::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}
.toaster{-webkit-filter:contrast(1.5) brightness(.9);filter:contrast(1.5) brightness(.9)}
.toaster::after{background:-webkit-radial-gradient(circle,#804e0f,#3b003b);background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}
.walden{-webkit-filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}
.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}
.hudson{-webkit-filter:brightness(1.2) contrast(.9) saturate(1.1);filter:brightness(1.2) contrast(.9) saturate(1.1)}
.hudson::after{background:-webkit-radial-gradient(circle,#a6b1ff 50%,#342134);background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}
.earlybird{-webkit-filter:contrast(.9) sepia(.2);filter:contrast(.9) sepia(.2)}
.earlybird::after{background:-webkit-radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}
.mayfair{-webkit-filter:contrast(1.1) saturate(1.1);filter:contrast(1.1) saturate(1.1)}
.mayfair::after{background:-webkit-radial-gradient(40% 40%,circle,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}
.lofi{-webkit-filter:saturate(1.1) contrast(1.5);filter:saturate(1.1) contrast(1.5)}
.lofi::after{background:-webkit-radial-gradient(circle,transparent 70%,#222 150%);background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}
._1977{-webkit-filter:contrast(1.1) brightness(1.1) saturate(1.3);filter:contrast(1.1) brightness(1.1) saturate(1.3)}
._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}
.brooklyn{-webkit-filter:contrast(.9) brightness(1.1);filter:contrast(.9) brightness(1.1)}
.brooklyn::after{background:-webkit-radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}
.xpro2{-webkit-filter:sepia(.3);filter:sepia(.3)}
.xpro2::after{background:-webkit-radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}
.nashville{-webkit-filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}
.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}
.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}
.lark{-webkit-filter:contrast(.9);filter:contrast(.9)}
.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}
.lark::before{background:#22253f;mix-blend-mode:color-dodge}
.moon{-webkit-filter:grayscale(1) contrast(1.1) brightness(1.1);filter:grayscale(1) contrast(1.1) brightness(1.1)}
.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}
.moon::after{background:#383838;mix-blend-mode:lighten}
.clarendon{-webkit-filter:contrast(1.2) saturate(1.35);filter:contrast(1.2) saturate(1.35)}
.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}
.willow{-webkit-filter:grayscale(.5) contrast(.95) brightness(.9);filter:grayscale(.5) contrast(.95) brightness(.9)}
.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}
.willow::after{background-color:#d8cdcb;mix-blend-mode:color}
.rise{-webkit-filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9);filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}
.rise::after{background:-webkit-radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}
.rise::before{background:-webkit-radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}
._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}
._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:relative}
._1977 img,.aden img,.brooklyn img,.clarendon img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.rise img,.slumber img,.toaster img,.walden img,.willow img,.xpro2 img{width:100%;z-index:1}
._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:2}
._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:3}
.slumber{-webkit-filter:saturate(.66) brightness(1.05);filter:saturate(.66) brightness(1.05)}
.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}
.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten}

.lomo-3 img {
    -webkit-filter: saturate(1.5) contrast(1.5) hue-rotate(-15deg) blur(.5px);
    filter: saturate(1.5) contrast(1.5) hue-rotate(-15deg) blur(.5px);
    width: 102%;
    margin: -1%;
}
.lomo-3:after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    background: radial-gradient(500px circle at 20% 80%, green, rgba(255,255,255,0)), radial-gradient(300px circle at 80% 60%, deeppink, rgba(255,255,255,0));
    mix-blend-mode: overlay;
    /*background: radial-gradient(500px circle at 30% 10%, yellow, rgba(255,255,255,0)), radial-gradient(300px circle at 80% 60%, deeppink, rgba(255,255,255,0));
    mix-blend-mode: overlay;*/
}