/**
 * This CSS file goes with the shortcode_replacer module in order to apply the styling for the different tags
 */

hr.divider {
    border-top: 5px solid !important;
    border-top-color: #E2E2E2 !important;
    margin: 25px 0 25px !important;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  padding: 0;
}


fieldset {
  margin-bottom: 30px;
}

fieldset + [class*=divider][class*=top] {
  margin-top: -10px;
}

.center, .text-center {
  text-align: center;
}

.factoid {
    background: url(../img/factoid-i.png) 0 10px no-repeat;
    font-size: 20px;
    font-weight: 100;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-left: 50px;
}

.factoid figure.left {
    margin-left: 0;
}

.factoid figure.right {
    margin-right: 0;
}

.info {
    border-bottom: 5px solid #E7E7FF;
    border-top: 5px solid #E7E7FF;
    font-size: 18px;
    line-height: 25px;
    padding: 10px 0;
    margin: 10px 0;
}

@media screen and (min-width: 768px) {
    .narrow {
        display: block;
        margin-right: 1.94712%;
        width: 59.22115%;
        margin-left: 20.38942%;
        margin-right: 0;
    }
    .narrow:last-child {
        margin-right: 0;
    }

    .narrow figure.left, .layout-narrow figure.left {
        margin: 6px 20px 10px -30%;
        width: 50%;
    }
    .narrow figure.right, .layout-narrow figure.right {
        margin: 6px -30% 10px 20px;
        width: 50%;
    }

    .narrow figure.left {
        margin-left: -20%;
    }
    
    .narrow figure.right {
        margin-right: -20%;
    }
}



.rtecenter {
    text-align: center;
}

iframe {
    margin-bottom: 14px;
}

.row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.multimedia-thumbs .row {
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .multimedia-thumbs {
      float: right;
      width: 40%;
  }
  .multimedia-thumbs .row.last {
      margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
    .span1of2 {
        float: left;
        display: block;
        margin-right: 3.64766%;
        width: 48.17617%;
    }
    .span1of2:last-child {
        margin-right: 0;
    }
    .span1of2.last {
        margin-right: 0;
    }
}
@media screen and (min-width: 768px) {
    .span1of3 {
        float: left;
        display: block;
        margin-right: 3.64766%;
        width: 30.90156%;
    }
    .span1of3:last-child {
        margin-right: 0;
    }
    .span1of3.last {
        margin-right: 0;
    }
    .span2of3 {
        float: left;
        display: block;
        margin-right: 3.64766%;
        width: 65.45078%;
    }
    .span2of3:last-child {
        margin-right: 0;
    }
    .span2of3.last {
        margin-right: 0;
    }
}
@media screen and (min-width: 768px) {
    .span1of4 {
        float: left;
        display: block;
        margin-right: 3.64766%;
        width: 22.26425%;
    }
    .span1of4:last-child {
        margin-right: 0;
    }
    .span1of4.last {
        margin-right: 0;
    }
    .span2of4 {
        float: left;
        display: block;
        margin-right: 3.64766%;
        width: 44.52851%;
    }
    .span2of4:last-child {
        margin-right: 0;
    }
    .span2of4.last {
        margin-right: 0;
    }
    .span3of4 {
        float: left;
        display: block;
        margin-right: 3.64766%;
        width: 66.79276%;
    }
    .span3of4:last-child {
        margin-right: 0;
    }
    .span3of4.last {
        margin-right: 0;
    }
}
@media screen and (min-width: 768px) {
    .span1of5 {
        float: left;
        display: block;
        margin-right: 1.94712%;
        width: 18.44231%;
    }
    .span1of5:last-child {
        margin-right: 0;
    }
    .span1of5.last {
        margin-right: 0;
    }
    .span2of5 {
        float: left;
        display: block;
        margin-right: 1.94712%;
        width: 38.83173%;
    }
    .span2of5:last-child {
        margin-right: 0;
    }
    .span2of5.last {
        margin-right: 0;
    }
    .span3of5 {
        float: left;
        display: block;
        margin-right: 1.94712%;
        width: 59.22115%;
    }
    .span3of5:last-child {
        margin-right: 0;
    }
    .span3of5.last {
        margin-right: 0;
    }
    .span4of5 {
        float: left;
        display: block;
        margin-right: 1.94712%;
        width: 79.61058%;
    }
    .span4of5:last-child {
        margin-right: 0;
    }
    .span4of5.last {
        margin-right: 0;
    }
    figure.left {
        float: left;
        margin-right: 1em;
        width: 40%;
    }
    .narrow figure.left {
        margin-left: -20%;
    }
    .factoid figure.left {
        margin-left: 0;
    }
    figure.right {
        float: right;
        margin-left: 1em;
        width: 40%;
    }
    .narrow figure.right {
        margin-right: -20%;
    }
    .factoid figure.right {
        margin-right: 0;
    }
}

h3.rtecenter {
  font-size: 18px !important;
}

.main-content {
    float:left;
    display:block;
    margin-right:1.94712%;
    width:59.22115%;
    margin-right:0;
    margin-left:20.38942%;
}

/****** Image width definition ******/

@media screen and (min-width: 768px) {
    .img-10 {
    width: 10% !important;
    }

    .img-20 {
    width: 20% !important;
    }

    .img-30 {
    width: 30% !important;
    }

    .img-40 {
    width: 40% !important;
    }

    .img-50 {
    width: 50% !important;
    }

    .img-60 {
    width: 60% !important;
    }

    .img-70 {
    width: 70% !important;
    }

    .img-80 {
    width: 80% !important;
    }

    .img-90 {
    width: 90% !important;
    }
}

/****** END Image width definition ******/


/****** Carousel ******/

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline; /*IE7 life-saver */
  margin: 5px;
  padding: 0px 10px;
  font-size: 20px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50); /*IE7 fix*/
  opacity: 0.5;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100); /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline; /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50); /*IE7 fix*/
  opacity: 0.5;
  border-radius: 20px;
  background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100); /*IE7 fix*/
  opacity: 1;
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center;
}

.owl-theme .owl-item {
  padding: 0 1em;
}
.owl-theme .owl-item img {
  width: 100%;
}

.owl-wrapper-outer {
    border-bottom: 2px solid #E2E2E2;
    border-top: 2px solid #E2E2E2;
    padding: 20px 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}