/*
Theme Name: Discover AM
Author: Discover AM
Author URI: https://www.discoveram.com/
Description: The Discover AM is a clean, fast and simple platform for creating beautiful, responsive custom WordPress themes. It's a simple starter theme built on HTML5 & CSS3. At its core is a fluid, responsive grid based on percentages, making for a flexible layout. It incorporates a set of common templates, support for WordPress Post Formats and the gorgeous, retina friendly Font Awesome icon font. The Discover AM is WooCommerce compatible, Multilingual Ready (WPML) and translateable. It's also compatible with a wide range of popular page builders such as Visual Composer, Beaver Builder, Divi Builder, SiteOrigin Page Builder and the Elementor Page Builder.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, sticky-post, threaded-comments, translation-ready
Text Domain: discoveram
*/


/* Inter Light (using 18pt as default) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/wp-content/themes/discoveram/fonts/Inter/static/Inter_18pt-Light.ttf') format('truetype');
}

/* Inter Regular (using 18pt as default) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/wp-content/themes/discoveram/fonts/Inter/static/Inter_18pt-Regular.ttf') format('truetype');
}

/* Inter Medium (using 18pt as default) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/wp-content/themes/discoveram/fonts/Inter/static/Inter_18pt-Medium.ttf') format('truetype');
}

/* Inter Bold (using 18pt as default) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/wp-content/themes/discoveram/fonts/Inter/static/Inter_18pt-Bold.ttf') format('truetype');
}

/* Inter Light Italic */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('/wp-content/themes/discoveram/fonts/Inter/static/Inter_18pt-LightItalic.ttf') format('truetype');
}

/* Inter Regular Italic */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/wp-content/themes/discoveram/fonts/Inter/static/Inter_18pt-Italic.ttf') format('truetype');
}

/* Inter Medium Italic */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('/wp-content/themes/discoveram/fonts/Inter/static/Inter_18pt-MediumItalic.ttf') format('truetype');
}
/* Open Sans Regular */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/wp-content/themes/discoveram/fonts/Open_Sans/static/OpenSans-Regular.ttf') format('truetype');
}

/* Open Sans Italic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/wp-content/themes/discoveram/fonts/Open_Sans/static/OpenSans-Italic.ttf') format('truetype');
}

/* Open Sans Bold */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/wp-content/themes/discoveram/fonts/Open_Sans/static/OpenSans-Bold.ttf') format('truetype');
}

/* Open Sans Bold Italic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('/wp-content/themes/discoveram/fonts/Open_Sans/static/OpenSans-BoldItalic.ttf') format('truetype');
}

/* Roboto Regular */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/wp-content/themes/discoveram/fonts/Roboto/static/Roboto-Regular.ttf') format('truetype');
}

/* Roboto Bold */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/wp-content/themes/discoveram/fonts/Roboto/static/Roboto-Bold.ttf') format('truetype');
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

/* Teacher Directory CSS */

.page-template-template-teacher-list .container.main-content.my-custom-container, .page-template-template-medical-provider-list .container.main-content.my-custom-container {
   max-width: 1470px;
   margin: 0 auto;
}

/*the container must be positioned relative:*/
.custom-select, .custom-select1, .custom-select2, .custom-select3, .custom-select4 {
   position: relative;
   font-family: Arial;
 }
 
 .custom-select select, .custom-select1 select, .custom-select2 select, .custom-select3 select, .custom-select4 select {
   display: none; /*hide original SELECT element:*/
 }
 
 .select-selected {
   background-color: #eaecf7;
}
 
 /*style the arrow inside the select element:*/
 .select-selected:after {
   position: absolute;
   content: "";
   top: 20px;
   right: 15px;
   width: 12px;
   height: 7px;
   border: 0px solid transparent;
   border-color: #fff transparent transparent transparent;
   background-image: url(/wp-content/uploads/2020/05/dropdownarrow.png);
}
 
 /*point the arrow upwards when the select box is open (active):*/
 .select-selected.select-arrow-active:after {
   border-color: transparent transparent #fff transparent;
   top: 20px;
   background-image: url(/wp-content/uploads/2020/05/dropdownarrow-1.png);
 }
 
 /*style the items (options), including the selected item:*/
 .select-items div, .select-selected {
   padding: 12px 16px 12px 20px;
   border: 0px solid transparent;
   border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
   cursor: pointer;
   user-select: none;
   color: #606060;
   font-size: 16px;
   line-height: 20px;
   font-family: "Inter", Sans-serif;
}
 
 /*style items (options):*/
 .select-items {
   position: absolute;
   background-color: white;
   top: 100%;
   left: 0;
   right: 0;
   z-index: 99;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 }
 
 /*hide the items when the select box is closed:*/
 .select-hide {
   display: none;
 }
 
 .select-items div:hover, .same-as-selected {
   background-color: rgba(234, 236, 247, 0.38);
}

/* The container */
.mycontainer {
   display: block;
   position: relative;
   padding-left: 26px;
   margin-bottom: 0px;
   cursor: pointer;
   font-size: 22px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   color: #606060;
   font-size: 16px;
   line-height: 20px;
   font-family: "Inter", Sans-serif;
   float: left;
   margin-right: 20px;
}

.checkbox-list .mycontainer:last-child {
   margin-right: 0px;
}
 
 /* Hide the browser's default checkbox */
 .mycontainer input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
 }
 
 /* Create a custom checkbox */
 .checkmark {
   position: absolute;
   top: 0;
   left: 0;
   height: 18px;
   width: 18px;
   background-color: #eee;
 }
 
 /* On mouse-over, add a grey background color */
 .mycontainer:hover input ~ .checkmark {
   background-color: #ccc;
 }
 
 /* When the checkbox is checked, add a blue background */
 .mycontainer input:checked ~ .checkmark {
   background-color: #9396c9;
}
 
 /* Create the checkmark/indicator (hidden when not checked) */
 .checkmark:after {
   content: "";
   position: absolute;
   display: none;
 }
 
 /* Show the checkmark when checked */
 .mycontainer input:checked ~ .checkmark:after {
   display: block;
 }
 
 /* Style the checkmark/indicator */
 .mycontainer .checkmark:after {
   left: 7px;
   top: 3px;
   width: 4px;
   height: 8px;
   border: solid white;
   border-width: 0 2px 2px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.filter-wrap {
   margin-top: 50px;
   width: 100%;
   display: flex;
   margin-bottom: 50px;
}

.filter-wrap .custom-filter {
   width: 33%;
   float: left;
   border-right: 2px solid #eaecf7;
   margin-right: 2%;
   padding-right: 2%;
}

.filter-wrap .custom-filter.filter-third {
   border-right: 0px;
   margin-right: 0px;
   padding-right: 0px;
   width: 28%;
}

.filter-wrap input.js-namesearch, .filter-wrap .js-zipcodesearch {
   background-color: #eaecf7;
   border: none;
   padding: 13px 20px;
   color: #606060;
   font-size: 16px;
   line-height: 20px;
   width: -webkit-fill-available;
}

::-webkit-input-placeholder { /* Edge */
   color: #606060;
   opacity: 1;
 }
 
 :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #606060;
   opacity: 1;
 }
 
 ::placeholder {
   color: #606060;
   opacity: 1;
 }

 .filter-row {
   margin-top: 25px;
   display: inline-block;
   width: 100%;
}

.custom-select1 {
   width: 40% !important;
   margin-right: 7%;
   float: left;
}

.checkbox-list {
   width: 50%;
   float: left;
   padding: 13px 0px;
}

#hidden_div {
   display: none;
}

.distance-row span.filter-text {
   min-width: 60px;
   float: left;
   text-align: center;
   width: 15%;
   line-height: 44px;
}

.distance-row .custom-select4 {
   float: left;
   width: 34% !important;
}

.distance-row .zipcode-filter {
   float: left;
   width: 34%;
}

.filter-wrap input.js-namesearch:focus, .filter-wrap .js-zipcodesearch:focus {
   outline: none;
}

.filter-btn a.apply-filters, .filter-btn a.medical-apply-filters  {
   background-color: rgba(0, 0, 0, 0);
   color: rgb(0, 0, 0) !important;
   text-decoration: none;
   white-space: nowrap;
   min-height: 0px;
   min-width: 0px;
   max-height: none;
   max-width: none;
   border-color: rgb(232, 0, 111);
   border-style: solid;
   border-width: 2px;
   border-radius: 25px;
   text-align: center;
   line-height: 40px;
   letter-spacing: 1px;
   font-weight: 500;
   font-size: 14px;
   padding: 12px 30px;
   text-transform: uppercase;
   font-family: "Inter", Sans-serif;
   transition: all .5s ease;
   cursor: pointer;
   display: inline;
}

.filter-btn {
   text-align: center;
   margin-bottom: 80px;
}

.filter-btn a.apply-filters:hover, .filter-btn a.medical-apply-filters:hover {
   background-color: rgb(232, 0, 111);
   color: #fff !important;
}

.filtered-posts .filtered-posts-inner {
   display: inline-block;
   width: 100%;
}

.filtered-posts .filtered-posts-inner li {
   list-style: none;
   width: 22%;
   float: left;
   margin-right: 4%;
   margin-bottom: 4%;
}

.filtered-posts .filtered-posts-inner li:nth-child(4n) {
   margin-right: 0;
}

.staff-list-core .feature-img, .staff-list-core .feature-img a {
   display: block;
   height: 300px;
   width: 100%;
   position: relative;
   overflow: hidden;
}

.staff-list-core .feature-img a .feature-inner-img {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: top center;
}

.staff-list-details {
   padding: 20px;
   min-height: 108px;
}

.staff-list-details h4.staff-title {
   margin-top: 0px;
   margin-bottom: 0px;
}

.staff-list-details h4.staff-title a {
   color: #484b75;
   text-decoration: none;
   font-size: 24px;
   line-height: 28px;
}

.staff-list-details h5 {
   font-weight: 100 !important;
   color: #636363;
   font-size: 14px !important;
   margin-top: 0px;
   line-height: 18px;
   margin-bottom: 10px;
}

.staff-list-details p.teacher-cat {
   color: #4c4c4c;
   font-size: 12px;
   font-weight: 500;
   margin: 0;
   line-height: 16px;
}

.filtered-posts .filtered-posts-inner li:hover {
   /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
   box-shadow: 0px 5px 23px 10px rgba(0,0,0,0.2);
}

.filtered-posts .filtered-posts-inner li:hover .staff-list-details {
   background-image: url(/wp-content/uploads/2020/05/purpalbg11.png);
   background-repeat: no-repeat;
   background-size: cover;
}

.filtered-posts .filtered-posts-inner li:hover .staff-list-details a, 
.filtered-posts .filtered-posts-inner li:hover .staff-list-details h5, 
.filtered-posts .filtered-posts-inner li:hover .staff-list-details p.teacher-cat {
   color: #fff;
}

.overlay-div {
   display: none ;
}

.staff-list-core .feature-img {
   position: relative;
}

.filtered-posts .filtered-posts-inner li:hover .overlay-div {
   position: absolute;
   background: rgba(0, 0, 0, 0.4);
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   display: block;
   pointer-events: none;
}

.filtered-posts .filtered-posts-inner li:hover .overlay-div .overlay-img {
   position: absolute;
   bottom: 20px;
   left: 20px;
}

.my-custom-container nav.navigation.pagination, .genre-filter-navigation, .genre-filter-navigation_medical {
   margin: 20px auto 100px auto;
   display: block;
   float: none;
   text-align: center;
}

.my-custom-container nav.navigation.pagination span.page-numbers.current, .genre-filter-navigation span.page-numbers.current, .genre-filter-navigation_medical span.page-numbers.current{
   font-family: "Inter", Sans-serif;
   font-size: 16px;
   line-height: 30px;
   background-color: #9396c9;
   color: #fff !important;
   padding: 6px 12px 6px 12px;
   border-radius: 20px;
   font-weight: 500;
}

.my-custom-container nav.navigation.pagination span.page-numbers, .my-custom-container nav.navigation.pagination a.page-numbers, 
.genre-filter-navigation span.page-numbers, .genre-filter-navigation a.page-numbers,
.genre-filter-navigation_medical span.page-numbers, .genre-filter-navigation_medical a.page-numbers {
   font-family: "Inter", Sans-serif;
   font-size: 16px;
   text-decoration: none;
   color: #9a9a9a !important;
   padding: 6px 12px 6px 12px;
   margin: 0 5px;
}

.my-custom-container nav.navigation.pagination a.next.page-numbers, 
.my-custom-container nav.navigation.pagination a.prev.page-numbers, 
.genre-filter-navigation, a.next.page-numbers 
.genre-filter-navigation a.prev.page-numbers, .genre-filter-navigation_medical, a.next.page-numbers 
.genre-filter-navigation_medical a.prev.page-numbers {
   color: #9396c9 !important;
   font-weight: 400;
}

.my-custom-container nav.navigation.pagination span.page-numbers.dots, .genre-filter-navigation span.page-numbers.dots, .genre-filter-navigation_medical span.page-numbers.dots {
   padding: 0;
   margin: 0;
   font-weight: 500;
}

.elementor-element.course-sidebar.elementor-widget.elementor-widget-heading {
   background-image: url(/wp-content/uploads/2020/05/border-bg.png);
   background-repeat: no-repeat;
   background-position: bottom left;
   padding-bottom: 15px;
}

ul.course-list {
   padding-left: 0px;
   margin-top: 0px;
}

ul.course-list li {
   list-style: none;
   margin-bottom: 30px;
}

ul.course-list li h3 {
   margin-top: 20px;
   margin-bottom: 0px;
   font-size: 30px;
}

ul.course-list li p {
   margin-bottom: 0px;
   margin-top: 6px;
   color: #606060;
   font-size: 16px;
}

ul.course-list li h3 a {
   color: #717094 !important;
}

.elementor-element.custom-facebook.hideme, .elementor-element.custom-twitter.hideme, .elementor-element.custom-website.hideme {
   display: none;
}

.staff-list-core .feature-img a.preferred:before {
   content: url(https://femmhealth.org/wp-content/uploads/2020/05/Group-4.png);
   position: absolute;
   top: -45px;
   left: -35px;
   width: 30px;
}

.openbtn, .closebtn {
   display: none;
   color: #606060 !important;
    text-align: center;
    border-bottom: 1px solid #9396c9;
    padding-bottom: 10px;
    margin: 35px 0px 60px 0px;
    cursor: pointer;
}

.openbtn img, .closebtn img {
   margin-left: 20px;
}

p.closebtn {
   margin-top: 0px;
}

/* Custom Taxonomy filter with multiple value */

.multiselect {
   position: relative;
 }
 
 .selectBox {
   position: relative;
 }
 
 .selectBox select {
   width: 100%;
   font-weight: bold;
 }
 
 .overSelect {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
 }
 
 .multiselect #checkboxes {
   display: none;
   position: absolute;
    background-color: white;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 }
 
 .multiselect #checkboxes label {
   display: block;
   padding: 12px 16px 12px 20px;
   border: 0px solid transparent;
   border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
   cursor: pointer;
   user-select: none;
   color: #606060;
   font-size: 16px;
   line-height: 20px;
   font-family: "Inter", Sans-serif;
}

.multiselect #checkboxes label:hover, .multiselect #checkboxes label.my-selected-checkbox {
   background-color: rgba(234, 236, 247, 0.38);
}

.my-select-selected {
   padding: 12px 16px 12px 20px;
   border: 0px solid transparent;
   border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
   cursor: pointer;
   user-select: none;
   color: #606060;
   font-size: 16px;
   line-height: 20px;
   font-family: "Inter", Sans-serif;
   background-color: #eaecf7;
}

.my-select-selected:after {
   position: absolute;
   content: "";
   top: 20px;
   right: 15px;
   width: 12px;
   height: 7px;
   border: 0px solid transparent;
   border-color: #fff transparent transparent transparent;
   background-image: url(/wp-content/uploads/2020/05/dropdownarrow.png);
}
.my-select-selected.select-arrow-active:after {
   border-color: transparent transparent #fff transparent;
   top: 20px;
   background-image: url(/wp-content/uploads/2020/05/dropdownarrow-1.png);
}

.multiselect #checkboxes label input {
   display: none;
}

ul#add_selected_cat {
   padding-left: 0;
   display: inline-block;
   width: 100%;
}

ul#add_selected_cat li {
   list-style: none;
    float: left;
    margin-right: 12px;
    background-color: #bbbcda;
    padding: 2px 18px 2px 30px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2020/05/cross.png);
    background-position: 10px;
    border-radius: 20px;
    margin-bottom: 8px;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    cursor: pointer;
}

p.no_post_found_class {
   color: #484B75;
   font-size: 22px;
   font-weight: 300;
   text-align: center;
   margin-bottom: 100px;
}

/* End of custom taxonomy filter css */

/* End of Teacher Directory CSS */

@media only screen and (max-width: 1500px) {
   .page-template-template-teacher-list .container.main-content.my-custom-container, .page-template-template-medical-provider-list .container.main-content.my-custom-container {
      max-width: 1200px;
  }
}

@media only screen and (max-width: 1250px) {
   .page-template-template-teacher-list .container.main-content.my-custom-container, .page-template-template-medical-provider-list .container.main-content.my-custom-container {
      max-width: 1000px;
  }
  
  .filtered-posts .filtered-posts-inner li {
      width: 30%;
      margin-right: 5%;
  }

  .filtered-posts .filtered-posts-inner li:nth-child(4n) {
      margin-right: 5%;
   }

   .filtered-posts .filtered-posts-inner li:nth-child(3n) {
      margin-right: 0;
  }

  .custom-select1 {
      width: -webkit-fill-available !important;
      margin-right: 0;
      float: none;
   }

   .checkbox-list {
      width: 100%;
      padding: 13px 0px;
      margin-top: 25px;
  }

  .distance-row span.filter-text {
      width: 30%;
   }

   .distance-row span.filter-text.of-text {
      margin-top: 25px;
   }

   .distance-row .custom-select4 {
      width: 70% !important;
  }

  .distance-row .zipcode-filter {
      width: 70%;
      margin-top: 25px;
   }

}

@media only screen and (max-width: 1023px) {
   .page-template-template-teacher-list .container.main-content.my-custom-container, .page-template-template-medical-provider-list .container.main-content.my-custom-container {
      max-width: 900px;
  }
}

@media only screen and (max-width: 940px) {
   .page-template-template-teacher-list .container.main-content.my-custom-container, .page-template-template-medical-provider-list .container.main-content.my-custom-container {
      max-width: 768px;
      width:86%;
  }

  .filtered-posts .filtered-posts-inner li {
      width: 46%;
      margin-right: 8%;
      margin-bottom: 8%;
   }

   .filtered-posts .filtered-posts-inner li:nth-child(4n), .filtered-posts .filtered-posts-inner li:nth-child(3n) {
      margin-right: 8%;
  }

  .filtered-posts .filtered-posts-inner li:nth-child(2n) {
      margin-right: 0;
   }
}

@media only screen and (max-width: 767px) {
   .distance-row span.filter-text {
      min-width: 40px;
   }
}

@media only screen and (max-width: 690px) {
   .page-template-template-teacher-list .container.main-content.my-custom-container, .page-template-template-medical-provider-list .container.main-content.my-custom-container {
      width: 88%;
  }

   .openbtn {
      display: block;
   }

  .my-custom-filter-wrapper, .closebtn {
     display: none;
  }

  .filter-btn {
      margin-bottom: 40px;
   }

   .filter-wrap {
      width: 100%;
      display: block;
      margin: 50px auto;
  }

  .filter-wrap .custom-filter {
      width: 100%;
      float: left;
      border-right: 0px solid #eaecf7;
      margin-right: 0%;
      padding-right: 0%;
   }

   .filter-wrap .custom-filter.filter-second {
      margin-top: 25px;
  }

  .filter-wrap .custom-filter.filter-third {
      border-right: 0px;
      margin-right: 0px;
      padding-right: 0px;
      width: 100%;
      margin-top: 25px;
   }
}

@media only screen and (max-width: 600px) {
   .staff-list-core .feature-img, .staff-list-core .feature-img a {
      height: 250px;
   }
}

@media only screen and (max-width: 550px) {
   .page-template-template-teacher-list .container.main-content.my-custom-container, .page-template-template-medical-provider-list .container.main-content.my-custom-container {
      width: 92%;
  }

  .filtered-posts .filtered-posts-inner li {
      width: 48%;
      margin-right: 4%;
      margin-bottom: 6%;
   }

   .filtered-posts .filtered-posts-inner li:nth-child(4n), .filtered-posts .filtered-posts-inner li:nth-child(3n) {
      margin-right: 4%;
  }
}

@media only screen and (max-width: 480px) {
   .filtered-posts .filtered-posts-inner li, .filtered-posts .filtered-posts-inner li:nth-child(2n), 
   .filtered-posts .filtered-posts-inner li:nth-child(4n), .filtered-posts .filtered-posts-inner li:nth-child(3n) {
      width: 300px;
      margin-right: auto;
      margin-bottom: 6%;
      margin-left: auto;
      float: none;
  }

  .staff-list-core .feature-img, .staff-list-core .feature-img a {
      height: 300px;
   }
}

@media only screen and (max-width: 340px) {
   .filtered-posts .filtered-posts-inner li, .filtered-posts .filtered-posts-inner li:nth-child(2n), 
   .filtered-posts .filtered-posts-inner li:nth-child(4n), .filtered-posts .filtered-posts-inner li:nth-child(3n) {
      width: 100%;
      margin-bottom: 40px;
  }

  .page-template-template-teacher-list .container.main-content.my-custom-container, .page-template-template-medical-provider-list .container.main-content.my-custom-container {
      width: 85%;
   }  
}