/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*========================================================
        Ryman Benefits styling
========================================================*/

/*---------------- Detailed Offer page style ------------*/

.offer-header-container {
  position: relative;
}

.offer-header-logo {
  text-align: left;
}

.offer-header-logo img{
  height: 200px;
}

.offer-header-content {
    box-sizing: content-box;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 2rem;
}

.offer-header-text {
    text-align: left;
    margin: 0 auto;
}

.offer-header-text h1, h2, h3, h4, h5, h6 {
color:#4859a7 !important;
}

.offer-header-text h2 {
 font-size: 2.5rem;
 font-family: 'Work Sans', sans-serif;
 font-weight: 600; 
}

h3.offer-company  {
  font-weight: normal;
  font-size: 2rem;
  line-height: 1.1818;
}

.offer-header-text h1 {
  font-weight: 700;
  font-size: 3.4375rem;
  line-height: 1.1818;
}

.offer-header-text p {
    
    margin-top: 1em;
    margin-bottom: 1em;
}


.offer-details-container {
  text-align: left;
}

.offer-section {
  margin: 2rem;
}

.offer-section hr{
    width: 20%;
    margin-left: 0;
    margin-bottom: 1em;
    border: 2px solid #F7CB7B;
}


.offer-section-headline {
  padding:20px;
  background-color:#f9faf0;
  text-align: left;
  margin: 0 auto;
  border:1px solid #4859a7;
}

.offer-section-headline-heading {
  color:#4859a7;
  font-size:1.2rem;
  font-family: 'Work Sans', sans-serif;
  text-transform:uppercase;
  font-weight:bold;
}

.offer-section-headline-heading-small {
  font-size:1rem;
  text-transform: uppercase;
  font-family: 'Work Sans', sans-serif;
}

.offer-section-headline-content {

}

.news-post-item-inner .button-container
{
  margin-left:1em;
}

.news-post-body p { 

}

/*---------------- Offer by Category module styling ------------*/

* { box-sizing: border-box; }


.company-name p
{
 font-weight: 700;
 font-size: 1.2em;
 color:#191919;
}

.news-post-header h3
{
  color:#4859a7;

}
  .news-post-header h4
{
 font-weight: 700;
 font-size: 1.2em;
 color:#191919 !important;
 margin-bottom: 0;
}

.bene-table {
  padding-left: 15px;
  padding-right: 30px;
}

.bene-container {
  justify-content: left;
}

.bene-box {
  border: 1px solid #ddd;
  padding:0;
  margin: 0 0.1em 0.25em;
  max-width: 225px;  
  
}

.bene-cat-inner {
  max-height: 400px;
  min-height: 400px;
  position: relative;
  display: inline;
}

.bene-logo-cont {
  position: relative;
  width: 100%;
}

.bene-panel {
  background-color: #F9FAF0;
}

.bene-desc p {
  font-size: 0.9em;
  font-weight: 400;
}

.bene-desc ul li{
    margin-left: 0 !important;
    list-style: none !important;
    font-size: 0.9em;
    font-weight: 400;
}
.bene-desc span {
  color: #F2A628;
}
.bene-desc ul{
color: #191919;
}


.bene-desc ul:not(:first-child) {
    display: none !important;
}

.bene-desc ul li:not(:first-child) {
    display: none !important;
}

.bene-desc p:not(:first-of-type) {
    display: none !important;
}

.bene-filter-box {
  background-color: #F9FAF0;
  padding: 0 2em;
}

.bene-heading {
  text-align: center;
  padding-bottom: 3em;
}

.bene-listing-box {
  margin: 5px;
  padding: 0 !important;
}

.bene-list-container {
  margin-top: 2em;
}

.cat-cont {
  background-color: #EDEDED;
  padding: 15px;  
}

.cat-cont a {
  color: #1D1D1B !important;
  text-transform: uppercase;  
}

.feat-cont {
  position: relative;
}

.feat-offer {
  background-color: #4859a7;
  color: #fff;
  padding: 15px;
  position: absolute;
}


.breadcrumb-menu-item span:before{
    content: ">";
    margin-right: 6px;
}

.breadcrumb-menu
{
  margin-bottom: 2em;
}


/* ---- input ---- */

input[type="text"] {
  font-size: 20px;
}
select{
  margin-bottom:20px;
}
/* ---- grid ---- */

.grid {
  border: none;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.hs-button .primary .large{
background-color: #F46419; !important;
    background-image: none !important;
    border-color: #F46419; !important;
}
/* ---- .element-item ---- */

.element-item {}

.element-item > * {}

/* ---- Custom Search and Select Style ---- */

.search-style input[type="text"]{
    font: inherit;
    border: 1px solid #dedede;  
    color: #191919;
    margin-bottom: 1em;
    outline: none;
    padding: 0.5em;
    width: 99%;
}

.search-style input[type="text"]:focus{
    border: 1px solid #F2A628;
}

.select-css {
    display: inline;
    font: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    padding: .5em;
    width: 49.25%;
    max-width: 100%; 
    box-sizing: border-box;
    margin-bottom: 2em;
    border: 1px solid #dedede;
    background-color: #fff;
}
.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #dedede;
}
.select-css:focus {
    border: 1px solid #F2A628;
    color: #191919; 
    outline: none;
}
.select-css option {
    font-weight:normal;
}

@media all and (max-width: 640px){
  
  .search-style {
    width: 100%;
  }  
  .select-css {
    width: 100%;
  }
}



/* Responsive
==================================== */
@media (max-width:1025px) {
  .bene-box {
    max-width: 236px;
  }
  .bene-filter-box {
    padding: 1em 2em;
  }
  .select-css {
    width: 100%;
    margin-bottom: 1rem;
  }
}

@media (max-width:768px){
  .bene-box {
    max-width: 243px;
  }  
.bene-hero {
  padding-top: 20px;
}  
}  
@media (max-width:420px){
.bene-container {
  justify-content: center;
}  
    
}