/*
  Master CSS Styles
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,700italic,600,600italic,300italic,300);

/*
  Main Structure
*/
.col-sm-3 {
    width: 25%;
	float: left;
}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{
    display: block;
    width: 100% \9;
    max-width: 100%;
height: auto;}

a {
    color: #428bca;
    text-decoration: none;
}

/* Header */

.main-header
{
  position: absolute;
  background: #002d73;
  padding: 20px 0px;
  z-index: 600;
  width: 100%;
  top: 50px;
  background: rgba(0,45,115,.9);
}

.main-header .main-logo
{
  float: left;
  z-index: 9999;
  position: relative;
}

.main-header .main-logo a
{
  display: block;
}

.main-header.affix
{
  position: fixed;
  top: 0px;
  width: 100%;
}

.topbar
{
  position: absolute;
  padding: 5px 0px;
  z-index: 600;
  font-size: 13px;
  background: rgba(0,45,115,.7);
  color: #fff;
  line-height: 50px;
  height: 50px;
  width: 100%;
}

.topbar .topnav
{
  list-style: none;
  float: left;
  margin: 0px;
  padding: 0px;
  line-height: 40px;
}

.topbar .topnav li
{
  float: left;
  margin-right: 15px;
  padding: 0px;
}

.topbar .topnav li a
{
  color: #fff;
  font-size: 13px;
}

.topbar .quick-links
{
  list-style: none;
  float: right;
  margin: 0px;
  padding: 0px;
  line-height: 40px;
}

.topbar .quick-links li
{
  display: inline-block;
  margin-left: 5px;
  padding: 0px;
}

.topbar .quick-links li a .fa
{
  font-size: 16px;
  padding-right: 5px;
}

.topbar .quick-links li a
{
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  text-decoration: none;
}

.topbar .quick-links li a:hover
{
  color: #e1e1e1;
}

/* Main Nav */

.main-nav-container
{
  float: right;
}

.main-nav-container.navbar
{
  position: relative;
  min-height: 0px;
  margin: 5px 0px;
  border: none;
}

.main-nav-container.navbar a
{
  color: #fff;
  font-size: 15px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 5px;
}

.main-nav > li
{
  margin-left: 3px;
}

.main-nav li a:focus {
  text-decoration: none;
  background-color: transparent;
}

.main-nav li:hover a,
.main-nav li.active a,
.main-nav li.current-page-ancestor a
{
  border: 1px solid #fff;
  color: #fff;
  border-radius: 5px;
  background: transparent;
}

.main-nav li.dropdown:hover a
{
  border: 1px solid #fff;
  color: #002d73;
  border-radius: 5px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  background: #fff;
}

.main-nav li:hover ul.dropdown-menu 
{
  display: block;
  border-radius: 5px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  margin: 0px;
  border: none;
  box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
  padding: 2px;
}

.main-nav ul.dropdown-menu a
{
  color: #002d73;
  font-size: 15px;
}

.main-nav ul.dropdown-menu a:hover
{
  background: #002d73;
  color: #fff;
  border-radius: 0px;
}

.main-nav li.show-search
{
  color: #fff;
  font-size: 25px;
  line-height: 30px;
  margin-left: 10px;
  height: 38px;
  cursor: pointer;
}
.main-nav li.show-search.active
{
  margin-top: 0px;
  margin-left: 9px;
}

.main-nav li.main-search
{
  display: none;
  width: 400px;
}

.main-nav li.main-search input
{
  width: 300px;
  border-radius: 0px;
  font-size: 16px;
}

.main-nav li.main-search .btn
{
  width: 95px;
  float: right;
  border-radius: 0px;
  font-size: 16px;
  background: #20232a;
}

.main-nav li.main-search .btn:hover
{
  background: #272c36;
  color: #fff;
}

.navbar-toggle
{
  color: #fff;
  font-size: 30px;
  padding: 0px 8px;
  margin: 0px;
  border: 1px solid transparent;
  border-radius: 6px;
}

.navbar-toggle:hover
{
  border: 1px #fff solid;
}

.navbar-collapse
{
  padding: 0px;
  width: 100%;
}

.main-nav .collapse.in
{
  display: block!important;
}

/* Main Content */

.main-content
{
  background: #fff;
  padding-top: 30px;
}

.home .main-content
{
  background: #fff;
  padding-top: 30px;
}

/* Sub Nav */

ul.subnav
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

ul.subnav > li > a
{
  display: block;
  font-size: 15px;
  padding: 5px 0px;
  color: #333;
  margin-bottom: 4px;
}

ul.subnav > li:first-child > a
{
  display: block;
  font-size: 17px;
  padding: 0px 0px 20px 0px;
  color: #002d73;
  margin-bottom: 15px;
  border-bottom: 4px solid #e3e4e5;
  font-weight: bold;
}

ul.subnav > li.active > a,
ul.subnav > li.active > a:hover
{
  font-weight: bold;
}

ul.subnav .dropdown-menu li.active a
{
  font-weight: bold;
  background: none;
  color: #333;
}

ul.subnav > li.active .children
{
  display: block;
}

ul.subnav .children
{
  display: none;
  position: relative;
  float: none;
  min-width: 160px;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  font-size: 13px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 500;
}

ul.subnav .children a
{
  border-bottom: 1px solid #e8e8e8;
  padding: 8px 10px;
  display: block;
  background: none;
  color: #333;
}

ul.subnav .children a:hover
{
  background: none;
  text-decoration: underline;
}

ul.subnav .children li.active a
{
  font-weight: bold;
}

.caret
{
  float: right;
  margin-top: 10px;
}

/* Footer */

.footer
{
  padding-top: 30px;
  padding-bottom: 15px;
}

.footer p
{
  color: #fff;
  font-size: 12px;
}

.footer hr {
  border-top: 1px solid #343a49;
}

#weather
{
  text-align: right;
  float: right;
  color: #fff;
}

#weather h2,
#weather h2 small
{
  color: #fff;
  margin-bottom: 0px;
  padding: 0px;
}

@font-face {
    font-family: 'weather';
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

span.weather-icon {
  color: #fff;
  font-family: weather;
  font-size: 40px;
  font-weight: normal;
  font-style: normal;
  line-height: 40px;
}

.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }

.social-links
{
  list-style: none;
  margin: 15px 0px 0px 0px;
  padding: 0px;
  color: #fff;
}

.social-links li
{
  display: inline-block;
  margin-right: 10px;
}

.footer .school-logos
{
  list-style: none;
  margin: 0px 0px 20px 0px;
  padding: 0px;
}

.footer .school-logos li
{
  display: inline-block;
  margin-right: 20px;
}

/*
  Generic Styles
*/

/* Layout */

.breadcrumbs
{
  background: #fff;
  color: #666;
  padding: 0px 0px 10px 0px;
  font-size: 12px;
}

.main-content .row
{
  margin-bottom: 30px;
}

.page-banner
{
  position: relative;
  width: 100%;
  height: 320px;
  text-align: center;
  background: #fff;
}

.page-banner.search
{
  background: #fff url(../images/template/search-banner.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.page-banner.about-us
{
  background: #fff url(../images/template/about-banner.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.page-banner.curriculum
{
  background: #fff url(../images/template/academic-banner.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.page-banner.admissions-us
{
  background: #fff url(../images/template/admissions-banner.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.page-banner.school-life
{
  background: #fff url(../images/template/school-life-banner.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.page-banner.Music
{
  background: #fff url(https://www.discovery.edu.hk/dcwebsite/wp-content/uploads/2017/08/Music-banner.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.page-banner.contact-us
{
  background: #fff url(../images/template/contact-us-banner.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.page-banner.parents
{
  background: #fff url(../images/template/parents-banner.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.page-banner.highlight
{
  background: #fff center center no-repeat;
  text-align: center;
  height: 450px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.association-logos
{
  list-style: none;
  margin: 0px;
  padding: 0px;
  float: right;
}

.association-logos li
{
  display: inline-block;
  margin-left: 20px;
}

iframe {
  width: 100%;
}

/* Typography */

.page-title h1
{
  color: #fff;
  font-size: 40px;
  font-weight: 700;
}

h1
{
  font-size: 44px;
  font-weight: 400;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  color: #002d73;
}

.page-banner.highlight h1
{
  color: #fff;
  font-size: 55px;
  font-weight: 700;
  top: 50%;
  position: relative;
  text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}

.page-banner.highlight h1 span
{
  display: block;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 2px;
}

h2
{
  color: #002d73;
  font-size: 28px;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

.home h2
{
  font-size: 34px;
  margin-bottom: 30px;
}

.title-strikethrough 
{
  position: relative;
  height: 50px;
}

.title-strikethrough h2
{
  text-align: center;
  position: relative;
  z-index: 500;
  background: #fff;
  margin: 0px auto;
  width: 320px;
}

.title-strikethrough hr
{
  position: absolute;
  text-align: center;
  top: 22px;
  left: 0px;
  margin: 0px;
  width: 100%;
  border-color: #e8e8e8;
}

h3
{
  font-size: 20px;
  line-height: 150%;
  margin: 0px 0px 5px 0px;
}

p,ul,ol
{
  font-size: 17px;
  line-height: 150%;
  color: #565a5c;
  font-weight: 400;
  padding-top: 5px;
  padding-bottom: 5px;
}

.tagline
{
  text-transform: uppercase;
  font-weight: 400;
}

.footer .tagline
{
  color: #890033;
  text-align: left;
  display: block;
  font-size: 20px;
  margin-bottom: 20px;
  letter-spacing: 1pt;
}

/* Icons */

a[href$='.pdf'] {
  padding:0 0px 0 20px;
  background:transparent url(../../assets/images/icons/pdf.png) no-repeat center left;
}

a[href$='.doc'] {
  padding:0 0px 0 20px;
  background:transparent url(../../assets/images/icons/word.png) no-repeat center left;
}

/* Buttons */

.btn-sm
{
  font-size: 11px;
}

.btn-default
{
  background: #002d73;
  border: none;
  color: #fff;
}

.back-up-btn
{
  position: fixed;
  right: 40px;
  bottom: 40px;
  display: none;
  font-size: 40px;
  color: #890033;
}

/* Tables */

thead 
{
  font-weight: bold;
  font-size: 15px;
}

table td
{
  font-size: 15px;
  line-height: 150%;
  color: #565a5c;
}

table p
{
  margin: 0px;
  padding: 0px;
}

/*
  Page Specific Styles
*/

/* Home Page */

.home .banner-cover
{
  position: relative;
  background-color: #fff;
}

.home .page-title 
{
  position: absolute;
  text-align: center;
  color: #fff;
  width: 980px;
  left: -490px;
  margin-left: 50%;
  text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
  display: none;
  top: 50%;
}

.home .page-title h1
{
  font-weight: 700;
  font-size: 80px;
  margin: 0px 0px 0px 0px;
}

.home .page-title p
{
  font-weight: 400;
  font-size: 25px;
  margin: 0px 0px 0px 0px;
  color: #fff;
}

.metaslider
{
  z-index: 500;
}

.metaslider .flexslider
{
  margin-bottom: 0px!important;
}

.flex-control-nav,
.nivo-controlNav
{
  position: absolute;
  bottom: 20px!important;
  z-index: 9999;
  background: transparent!important;
}

.metaslider .nivoSlider .nivo-directionNav a
{
  opacity: .5!important;
  top: 50%;
  margin-top: 20px;
  width:49px;
  height:84px;
  background:url(../images/template/arrows.png) no-repeat;
}

.metaslider .nivoSlider .nivo-directionNav a:hover
{
  
}

.metaslider .nivoSlider a.nivo-prevNav
{
  left: 15px;
}

.metaslider .nivoSlider a.nivo-nextNav
{
  background-position: 100% 0;
  right:15px;
}

.metaslider .rslides_tabs
{
  margin: 0;
  padding: 7px 0 !important;
  background: transparent;
  font-size: 18px;
  list-style: none;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 60px;  
  z-index: 600;
}


.featured-block
{

}

.featured-block .info
{
  color: #fff;
  background: #333;
  padding: 18px 23px;
  text-align: left;
  display: block;
}

.featured-block .info h3
{
  font-size: 22px;
  margin: 0px;
}

.featured-block .info p,
.featured-block .info a
{
  color: #fff;
  font-size: 13px;
  margin-bottom: 0px;
}

.featured-block .image img
{
  max-width: 100%;
  height: auto;
}

.featured-block.one .info
{
  background: #37a645;
}

.featured-block.two .info
{
  background: #f68c1f;
}
.featured-block.three .info
{
  background: #f84040;
}

.featured-block .info:hover
{
  background: #20232a;
  text-decoration: none;
}


.news-block .social-links
{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  border-bottom: none;
  padding-bottom: 0px;
}

.news-block .social-links li
{
  margin-right: 5px;
}

.highlight-list
{
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

.highlight-list li.highlight-item
{
  width: 25%;
  float: left;
  max-height: 250px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-right: solid #fff 2px;
  margin-bottom: 2px;
}

.highlight-list li.highlight-item:last-child
{
  border-right: 0px;
}

.highlight-list li.highlight-item .highlight-title
{
  position: absolute;
  bottom: 20px;
  color: #fff!important;
  width: 100%;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}

.highlight-list li.highlight-item:hover .highlight-title
{
  display: block;
}

.highlight-list li.highlight-item .fa
{
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -40px;
  margin-right: -40px;
  font-size: 80px;
  color: #2ea3f2;
  opacity: 0;
}

.highlight-list li.highlight-item a,
.highlight-list li.highlight-item p
{
  display: block;
  color: #fff;
}

.highlight-list li.highlight-item h4
{
  font-size: 20px;
  font-weight: 400;
  margin: 0px;
}

.highlight-list li.highlight-item p
{
  font-weight: 400;
}

.highlight-list li.highlight-item img
{
  position: relative;
  display: block;
}

.highlight-list li.highlight-item:hover
{
  background: #002d73;
}

.highlight-list li.highlight-item:hover img
{
  opacity: .1;
  -webkit-transition: all .35s ease-out;
         -o-transition: all .35s ease-out;
            transition: all .35s ease-out;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.highlight-list li.highlight-item:hover .fa
{
  opacity: 1;
  -webkit-transition: all .35s ease-out;
         -o-transition: all .35s ease-out;
            transition: all .35s ease-out;
}

.swiper-container {
    width: 100%;
    height: 300px;
} 

.swiper-pagination-bullet-active
{
  background: #002d73;
}

.quotes .swiper-slide
{
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.quotes .quote-content
{
  overflow: hidden;
}

.quotes .quote-text
{
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  line-height: 130%;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.quotes .name
{
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.quotes .name span
{
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}

.quote-wrapper
{
  position: relative;
  margin-bottom: 30px;
  padding-top: 30px;
  background: url(../images/template/quote-bg.jpg) 50% 0 no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.quote-wrapper .row
{
  position: relative;
}

.weather
{
  color: #fff;
  padding: 20px;
  overflow: hidden;
}

.weather h3
{
  margin: 0px;
  padding: 0px;
}

.weather > .info
{
  width: 90%;
  float: right;
  padding-left: 20px;
}

.weather .datetime
{
  font-size: 11px;
}

.weather > .info > a
{
  border: 1px solid #fff;
  padding: 3px 8px;
  color: #fff;
  margin-top: 5px;
}

.weather > .info > p
{
  color: #fff;
}

.weather > .wi
{
  width: 10%;
  float: left;
  font-size: 90px;
  line-height: 85px;
}

.weather.black
{
  background: #000;
}

.weather.red
{
  background: red;
}

.weather.t1,
.weather.t3,
.weather.t8
{
  background: #eba808;
}

.weather.cold
{
  background: #388E8E;
}

.weather.normal
{
  background: #002d73;
}

.site-links
{
  background: #f0f1f1;
  border-top: 1px solid #e3e4e5;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #565a5c;
}

.site-links .footer-nav
{
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.site-links .footer-nav li:first-child a
{
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
  display: block;
}

.site-links .footer-nav a
{
  color: #565a5c;
  font-size: 14px;
}

a.call-to-action
{
  background: #002d73;
  display: block;
  color: #fff;
  text-align: center;
  padding: 20px 0px;
}

a.call-to-action:hover
{
  background: #20232a;
  text-decoration: none;
}

a.call-to-action h3
{
  color: #fff;
  font-weight: bold;
  margin: 0px;
}

a.call-to-action span.fa
{
  font-size: 50px;
  margin-bottom: 10px;
}

a.call-to-action p
{
  color: #fff;
  margin: 0px;
}

/* Staff Page */

.staff-links
{
  
  margin: 0px 0px 20px 20px;
  padding: 0px; 
}

.staff-links > li > ul
{
  display: none;
}

.staff-links .show-more
{
  font-size: 13px;
  cursor: pointer;
  padding-left: 10px;
  color: #ccc;
}

.staff-item
{
  text-align: center;
  margin: 20px 0px;
}

.staff-item .staff-image
{
  width: 150px;
  height: 180px;
  display: block;
  overflow: hidden;
  margin: 0px auto 20px auto;
}

.staff-item .job-title
{
  font-size: 10px;
  color: #565a5c;
  display: block;
  height:30px;
}

.staff-item img
{
  
  display: block;
}

.job-title
{
  font-size: 18px;
  color: #565a5c;
}

/* Shi Jie Page */

.issue-title
{
  margin-top: 10px;
}

/* Calendar */

.simcal-default-calendar-list ul.simcal-events
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.location {
  color: #666;
}

.event
{
  overflow: hidden;
  font-size: 13px;
}

.event p
{
  font-size: 13px;
}

.event h4 {
    color: #002d73;
    font-weight: 700;
}

.event .date {
    background: #20232a;
    font-weight: 700;
    color: #fff;
    padding: 4px 15px;
    display: inline-block;
    border-radius: 50px;
}

.event .event-description {
  float: left;
  padding-top: 5px;
  width: 80%;
} 


/* 
  Wordpress Classes
*/

.gallery {
  margin: 20px -10px 0px -10px;
  clear: both;
}

.gallery .gallery-item img {
  width: 100%;
  height: auto;
}
.gallery-item dt {
    overflow: hidden;
    max-height: 200px;
}
.gallery-item dd {
    display: none;
}
.gallery-item {
    float:left;
    box-sizing: border-box;
    padding: 0px 10px 0px 10px;
}
.gallery-columns-0 .gallery-item {
    width: 100%;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    width: 50%;
}
.gallery-columns-3 .gallery-item {
    width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    width: 25%;
}
.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.6666667%;
}

.wp-caption-text{ text-align: center; padding-top: 10px; font-size: 11px;}

.wp-caption.alignright {float:right; margin:0 0 1em 1em}
.wp-caption.alignleft {float:left; margin:0 1em 1em 0}
.wp-caption.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/*
  Editor Classes
*/

.red-box {
	border: 2px solid red;
	padding: 20px;
	margin-bottom: 30px;
}






