.padding-bottom-2{
  padding-bottom: 2%;
}

.float-left{
  float: left;
}

.float-right{
  float: right;
}

/* List Item Styling. */
.highlight_list {
   float: left;
   width: 55%;
   border: none;
   background-color: rgb(0, 0, 0);
   padding: 6%;
   color: #fff;
   margin-left: -11%;
   margin-bottom: 2%;
   margin-top: 1%;
   margin-right: 3%;
}

.highlight_list ul{
  padding-left: 0%;
}
.highlight_list ol{
  padding-left: 0%;
}

.highlight_list ul li{
  list-style: none;
}

.highlight_list ol li{
  list-style: none;
}

.highlight_list p{
  color: #fff !important;
  font-size: 16px;
}

.highlight_list ul li::before{
  content: " -  ";
}

.highlight_list ol li::before{
  content: " -  ";
}
.highlight-list-wrapper{
  width: 55%;
  float: left;
  margin-left: -12%;
  padding-right: 2%;
}

.highlight-list-wrapper .highlight_list{
  width: 100%;
  margin-left: 0;
  margin-bottom: 2%;
}

/* Quote & Highlighted Text Styling. */
.highlighted_text,
.sidebar_content_quote,
.sidebar_content_embed {
   float: left;
   margin-left: -13%;
   width: 55%;
   border: none;
   background-color: #c4161c;
   padding: 2em 2em;
   margin-bottom: 1%;
   margin-top: 0.5%;
   margin-right: 3%;
}


/* Quote & Highlighted Text Styling. */
.sidebar_content_story {
   float: left;
   margin-left: -13%;
   width: 55%;
   border: none;
   background-color: #ded3bf;
   padding: 2em 2em;
   margin-bottom: 1%;
   margin-top: 0.5%;
   margin-right: 3%;
}


@media (min-width:768px) and (max-width:1400px) {
  .highlighted_text, 
  .sidebar_content_quote,
  .sidebar_content_story,
  .sidebar_content_embed {
    margin-left: -15%;
  }
}

.highlighted_text,
.sidebar_content_quote_right,
.sidebar_content_story_right,
.sidebar_content_embed_right, 
.sidebar_content_video.sidebar_content_video_right {
    float: right;
    margin-right: -20%;
    margin-left: 5%;
    width: 60%;
    /*padding: 2em 1em;*/
    margin-bottom: 1%;
    margin-top: 0.5%;
}

@media (max-width:768px){
  .highlighted_text,
  .sidebar_content_quote_right,
  .sidebar_content_story_right,
  .sidebar_content_embed_right,
  .sidebar_content_video.sidebar_content_video_right {
    width:100%;
    margin-right:0;
  }
  .sidebar_content_video.sidebar_content_video_right {
    width:100%;
    margin-right:0;
  }
}

.sidebar_content_video.sidebar_content_video_right iframe {
    height: 280px;
}

.sidebar_content_embed, .sidebar_content_embed_right {
  padding:0px;
  background:none;
  
}

.highlighted_text p, 
.sidebar_content_quote p {
  color: #fff !important;
  font-size: 18px;
}

.sidebar_content_story p {
  font-size: 18px;
}

.highlighted_text, 
.sidebar_content_quote{
  color: #fff;
  font-size: 18px;
  font-family: 'Karla-Reg';
}

.sidebar_content_story {
  font-size: 18px;
  font-family: 'Karla-Reg';
}

/*.sidebar_content_quote::before{
  content: '"  ';
}*/

/*.sidebar_content_quote::after{
  content: '  "';
}*/

.quote-container{
  width: 55%;
  float: left;
  margin-left: -20%;
  padding-right: 2%;
}

.quote-container .sidebar_content_quote,
.quote-container .sidebar_content_story, {
  width: 100%;
  margin-left: 0;
}



/* Image Gallery */
/* img.sidebar_content_single_image_right{
  float: right;
  margin-right: -15%;
  padding-left: 4%;
} */
.single_image_wrapper{
  float: right;
  width: 55%;
  padding-left: 4%;
  margin-right: -20%;
  padding-top: 0.7%;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.sidebar_content_gallery_image.sidebar_content_gallery_image_right {
    float: right;
    margin-right: -20%;
    margin-left: 5%;
    width: 60%;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 0.7%;
}

.sidebar_content_gallery_image{
  width: 300px;
}
.sidebar_content_gallery_image img{
  
}
.sidebar_content_gallery_image img:last-of-type{
  /* margin-bottom: 3%; */
}
.sidebar_content_gallery_image .aglet_caption{
  padding-bottom: 2%;
}
/* Custom Classes Form Media. */
.content-left{
  float: left;
  width: 65%;
}

.single-stories .stories ul, .single-stories .stories ol,
.single-advocacy .advocacy ul, .single-advocacy .advocacy ol{
  margin: 1.5em 0;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 3%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #ffffffb0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: #FFFFFF;
  position: relative;
  top: -30px;
  right: -18px;
  font-size: 35px;
  opacity: 2;
  font-size: 30px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 2;
  text-shadow: none;
}

/* Hide the slides by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: relative;
  /* top: 50%; */
  width: auto;
  padding: 16px;
  margin-top: 0px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: -11%;
  border-radius: 3px 0 0 3px;
}
.prev {
  left: -7%;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  /* background-color: rgba(0, 0, 0, 0.8); */
  color: #000;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
/* .aglet_caption {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
} */

.aglet_caption {
   font-size: .8em;
   text-align: left;
   color: #aa9577;
   width: 100%;
   display: block;
   /*padding-top: 2%;
   padding-bottom: 2%;*/
   float: left;
 }
 .aglet_caption.right {
    font-size: .8em;
    text-align: left;
    color: #aa9577;
    width: 100%;
    display: block;
    padding-top: 2%;
    padding-bottom: 2%;
    float: right;
  }

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

#myModal{
  display: none;
}

.image-content{
  margin-top: 17%;
  margin-bottom: 15%;
}

.media-image-align-right {
   float: right;
   margin-right: -12%;
   width: 55%;
   margin-top: 1%;
   margin-left: 3%;

}

.image-container{
  float: right;
  width: 55%;
  margin-right: -12%;
  padding-left: 3%;
}

.image-container .single_image_wrapper{
  width: 100%;
  padding-left: 0;
  margin-right: 0;
}

.img-right{
  display: flex;
  flex-direction: column;
}



.light-box-main-image{
    width: 70%;
    margin: 0% 0%;
    vertical-align: middle;
    position: relative;
    /* top: 35%;
    left: 6%; */
}

.img-wrapper{
  background-color: #aa9678;
  padding: 3%;
  /* float: left;
  position: relative; */
  max-width: 55%;
  max-height: 70%;
  max-width: 55%;
  max-height: 70%;
  margin: 0 auto;
  /* left: 22.5%; */
  align-self: flex-start;
}

.img-container{
  /* position: relative;
  float: left;
  flex: 1; */
  text-align: center;
  margin-left: 6%;
  /* display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; */
}
.img-container img{
  flex: 1;
  text-align: center;
  margin-left: 4%;
}

.content-right{
  float: right;
  width: 62%;
}

/* Video Section */
.video_caption{
  padding-top: 1% !important;
  padding-bottom: 0 !important;
}


/* Responsive */
/* PHONES AND TABLET */
@media (max-width: 770px) {

  .highlighted_text, 
  .sidebar_content_quote,
  .sidebar_content_story {
    width: 100% !important;
    margin-left: -1px;
  }

  .sidebar_content_gallery_image{
    width: 260px;
  }

  .img-container img {
    margin-left: 0%;
  }

  .light-box-main-image {
    width: 100%;
  }

  .close {
    top: -8px;
    right: 0px;
  }

  .single_image_wrapper {
    float: left;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    width: 100% !important;
  }

  .single_image_wrapper img{
    width: 100%;
    display: block;
    clear: both;
  }
  .aglet_caption{
    width: 100%;
  }
  .sidebar_content_gallery_image.sidebar_content_gallery_image_right{
    width: 100%;
    float: none;
    margin-left: 0%;
  }
}

@media only screen and (max-width: 1100px) and (min-width: 1023px){
  .media-image-align-left-list, .media-image-align-left {
      /* margin-left: -20%; */
  }

}

@media only screen
  and (min-width: 1023px)
  and (max-width: 1100px)
  and (orientation: Landscape){

  .media-image-align-right{
    margin-right: -22%;
  }

  .highlighted_text,
  .sidebar_content_quote,
  .sidebar_content_story,
  .highlight_list{
    margin-left: -15%;
  }

  .media-image-align-right {
    float: right;
    margin-right: -22%;
    width: 55%;
    margin-top: 1%;
    margin-left: 3%;
  }

  .single_image_wrapper {
    width: 55%;
    margin-right: -20%;
  }

  img.sidebar_content_single_image.sidebar_content_single_image_right{
    width: 100%;
  }
  .aglet_caption{
    padding-bottom: 2%;
  }
  .sidebar_content_gallery_image.sidebar_content_gallery_image_right {
      margin-right: -20%;
  }
  .alignnone{
    width: 320px;
    float: right;
    margin-right: -20%;
    padding-left: 3%;
  }
  .sidebar_content_gallery_image{
    width: 55%;
    float: right;
    margin-right: -20%;
    padding-left: 3%;
  }
  .sidebar_content_gallery_image .aglet_caption{
    float: none;
    padding-left: 0;
  }
  .aglet_caption.video_caption{
    /* margin-right: -34%; */
  }
  /* .sidebar_content_video.sidebar_content_video_right{
    float: right;
    margin-right: -56%;
    padding-left: 3%;
  } */

}


.sidebar_content_quote a {
  color:#bcab91;
}

.sidebar_content_quote a:hover {
  color:#000000 !important;
}


.sidebar_content_story a {
  color:#000000 !important;
}

.sidebar_content_story a:hover {
  color:rgb(196, 22, 28) !important;
}