.sponsorlisting {
    margin: 10px 0px;
    background-color: #f3f1df;
    padding: 5px;
}

.sponsorlisting:before {
  content: '';
  width: 66%;
  display: block;
  height: 1px;
  margin: -15px auto 15px;
  border-top: 1px solid #aaa;
}

/*@media screen and (max-width: 767px) {
.sectionsponsorlisting:after {
  content: '';
  width: 99%;
  display: block;
  height: 1px;
  margin: 10px auto 10px;
  border-bottom: 1px solid #eee;
}}*/

a.sponsorlistinglink, a.sponsorlistinglink:visited {
    color: #000;
    font-family: Georgia, Times, serif;
    font-weight: 600;
    font-style: italic;
    font-size: .9em;
    display: block;
    padding: 0px 10px 10px!important;
}

a.sponsorlistinglink:hover, a.sponsorlistinglink:active {
    color: #575757;
}


a.landingsponsorlisting {
    display: block;
    color: #000;
    font-family: Georgia, Times, serif;
    font-weight: 600;
    font-style: italic;
    font-size: 1em;
    background-color: #f3f1df;
    margin: 0px 0px 10px!important;
}

a.landingsponsorlisting:hover, a.landingsponsorlisting:active {
    color: #575757;
}

a.linkedimage {
    text-decoration: none!important;
}



h2.sponsorlistingheader {
    /*padding: 10px 10px 3px;*/
    font-family: Calibri, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    color: #575757;
    margin-bottom: 3px;
    text-align: center;
}

h2.sponsordininglistingheader {
    font-family: Calibri, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    color: #575757;
}

h2.sponsoredbyfooter {
    margin-top: -7px !important;
    padding: 0px 10px 5px;
    font-family: Calibri, sans-serif;
    font-style: italic;
    font-size: .65em;
    color: #575757;
}


.sectionsponsorlisting h2.sponsoredbyfooter {
    padding-left: 0px;
    padding-right: 0px;
}

.sectionsponsorlisting h2.sponsorlistingheader {
    padding-left: 0px;
    padding-right: 0px;
}

.sectionsponsorlisting a.sponsoredbyfooter {
    margin-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
}



.sectionsponsorlisting {
    overflow: hidden;
    width: 100%;
    margin: 5px 0px 15px;
    background-color: #f3f1df;
}

.sectionssponsoredit {
    margin: 0px 0px 10px;
    display: block;
    float: left;
    width: 50%;
    height: 100%;
    background-color: #f3f1df;
    overflow: hidden;
    padding-top: 5px;
}

img.sponsorlistingimage {
    display: block;
    float: left;
    margin: 0px 20px 0px 0px;
}

@media screen and (max-width: 480px) {
img.sponsorlistingimage {
    display: none;
}}

img.scmainimage {
    margin: 30px 0px 5px;
}

@media screen and (max-width: 500px) {
img.scmainimage {
    margin: 10px 0px 5px;
}}


img.fullwidthmain {
    width:100%;
    display: block;
    margin:0px auto 0px;
}

/* ****** START EDITORIAL CSS  ******* */


.scwrapper {
    width: 70%;
}

p.scsponsor {
    font-family: Calibri, sans-serif;
    text-align: center;
    font-style: italic;
    text-transform: uppercase;
    font-size: .75em;
    font-weight: 800;
    margin: 0px 0px 10px;
}

img.sclogo {
    display: block;
    margin: 0px auto 0px;
}

h1.sc, h2.sc, h3.sc, h4.sc, a.sponsored-dining-link, li.sc {
    font-family: Georgia, serif;
    font-style: italic;
}








h1.sc {
    font-size: 3.25em;
    text-align: center;
    margin: 40px 0px 20px;
}




@media screen and (max-width: 720px) {
h1.sc {
    font-size: 2em;
}}






h2.sc {
    font-size: 1.15em;
    margin: 0px 0px 20px;
    font-weight: 800;
    text-align: center;
    line-height: 1.2em;
}

@media screen and (max-width: 600px) {
h2.sc {
    font-size: .9em;
}}

h3.sc {
    text-transform: uppercase;
    margin: 0px 0px 10px;
    font-size: 1.25em;
}

h4.sc {
    text-transform: uppercase;
    margin: 0px 0px 10px;
    font-size: 1.1em;
    font-style: normal;
    text-indent: -10px;
}

p.sccaption {
    font-family: Georgia, serif!important;
    font-style: italic;
    font-weight: 800;
    margin: 0px 0px 0px;
    font-size: .85em;
    text-align: left;
    line-height: 1.25em;
}

p.sccredit {
    font-family: Georgia, serif!important;
    font-style: italic;
    color: #575757;
    font-weight: 800;
    font-size: .75em;
    text-align: left;
    margin: -3px 0px 0px;
}

.scwrapper {
    display: block;
    margin: 0px auto 0px;
    width: 70%;
}

p.sc {
    font-family: Calibri, sans-serif;
    margin: 0px 0px 20px;
    line-height: 1.45em;
    font-size: 1em;
}

p.sc b {
    font-weight: 800;
}

p.sctime {
    font-family: Georgia, serif;
    font-style: italic;
    font-weight: 800;
    margin: 0px 0px 10px;
    line-height: 1.45em;
    font-size: 1em;
}

p.scbyline {
    font-family: Georgia, serif!important;
    font-style: italic;
    font-weight: 800;
    margin: 0px 0px 20px;
    font-size: .85em;
    text-align: center;
    line-height: 1.25em;
}

p.screferdescription, .content p.screferdescription {
    font-family: Calibri, sans-serif;
    font-size: .85em;
    margin-bottom: 0;
    margin-top: -7px;
    padding: 0px 0px 10px;
    color: #575757;
    line-height: 1.2em;
}

a.sclink, a.sclink:visited {
    font-weight: 800;
    color: #575757;
    border-bottom: 1px solid #575757!important;
}

a.sclink:hover, a.sclink:active {
    color: #000!important;
}

.scfirstcharacter {
    font-family: Georgia, serif!important;
    background-color: #5889b4;
    border-radius: 10px;
    float: left;
    color: white;
    font-size: 60px;
    line-height: 60px;
    padding: 3px 10px 3px;
    margin-right: 5px;
}

.scwrapper address {
    font-weight: 800;
    font-style: italic;
    font-size: .85em;
    background-color: #f3f1df;
    text-align: center;
    padding: 10px 0px 10px;
}

.scwrapper hr {
    border: 0;
    width: 100%;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

.nonarticle p a.sclink {
   color: #575757;
}


.scimagegroup {
    display: inline-block;
    text-align: center;
}

.groupcontent {
    overflow: hidden;
    display: block;
    margin: 40px auto 40px;
    clear: left;
}

.groupbigheadintro {
    display:block;
    margin:-31px auto 20px;
}

.socialmediabuttons {
    float: left;
    margin: 10px 2px 10px;
    display: flex;
}

img.scthreeimages {
    width: 60%;
    text-align: center;
    margin: 0px auto 10px;
}

img.sctwoimages {
    width: 49%;
    margin: 4px auto 10px;
}

img.scthreeimagescenter {
    width: 32%;
    text-align: center;
    margin: 0px 12px 10px;
}

@media screen and (max-width: 900px) {
img.scthreeimages, img.scthreeimagescenter {
    width: 100%;
    text-align: center;
    margin: 0px auto 10px;
}}

img.scrail {
    display: block;
    margin: 0px auto 5px;
    width: 93%;
}

img.scthumb {
    margin: 0px 20px 0px 20px;
    float: left;
}

@media screen and (max-width: 600px) {
img.scthumb {
    display: block;
    margin: 0px auto 20px;
    float: none;
    clear: right;
}}


/*.scrailmodule h2.sponsorlistingheader {
    margin-top: -10px;
}*/

.scrailmodule {
    background-color: #f3f1df;
    margin: 0px auto 20px;
    padding-top: 5px;
}

@media screen and (max-width: 767px) {
.scrailmodule {
    display: block;
    width: 300px;
}}
.scrailmodule h2.sponsorlistingheader {
    text-align: center;
}


@media screen and (max-width: 767px) {
.sponsoredrule {
    width: 100%;
    height: 1px;
    border-top: 1px solid #eee;
    margin-top: 10px;
}
}
@media screen and (max-width: 480px) {
    .sectionssponsoredit {
        width: 100%;
    }

    #landing-sectionsponsorlisting {
        margin-top: 20px;
    }
}

@media screen and (max-width: 481px) {
.sectionssponsoredit {
    padding: 10px;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
    h2.sponsoredbyfooter {
        padding-bottom: 0;
    }
}

p.scbodydisclaimer {
    font-family: Calibri, sans-serif;
    padding: 10px;
    margin-top: 10px;
    background-color: #D0D0D0;
    line-height: 1.15em;
    font-size: .75em;
    text-transform: uppercase;
}


.classifiedteasers {
    overflow: hidden;
    width: 100%;
    margin: 5px 0px 5px;
    padding: 10px;
    vertical-align: middle;
    border-top: 1px black solid;
    border-bottom: 1px black solid;
}

img.classifiedteaserimage {
    float: left;
    width: 100px;
    margin: 0px 10px 0px;
}

img.classifiedteaserimage:hover {
    opacity: .5;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

p.screferdescription i {
    font-family: Calibri, sans-serif;
    font-style: italic;
}


/* ****** END EDITORIAL CSS  ******* */

/* ****** ADVERTISEMENT CSS  ******* */

.donotshowadvertisement {
    display: table;
    margin: 0px auto 0px
}

@media screen and (max-width: 800px) {
.donotshowadvertisement {
    display: none;
}
}

/* ****** END ADVERTISEMENT CSS  ******* */

/* ****** START HEADER CSS  ******* */

img.logoheader  {
    display: block;
    margin: 100px auto 0px;
    width: 400px;
}

#nativeheader {
/*    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url(http://www.chicagomag.com/Chicago-Magazine/Promotion/Secret-Supper/headerimage_300k.jpg); */
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px;
    height: 300px;
    background-position: left center;
    margin: -20px auto 50px;
}

@media screen and (max-width: 660px) {
    #nativeheader {
 /*   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url(http://www.chicagomag.com/Chicago-Magazine/Promotion/Secret-Supper/headerimage_75k.jpg); */
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px;
    height: 300px;
    background-position: bottom center;
    }
}

/* ****** END HEADER CSS  ******* */


/* ****** START DINING SECTION CSS ****** */

.sponsored-dining-container {
    background-color: #f3f1df;
    padding: 7px;
    margin-bottom: 10px;
}

.sponsored-dining-image {
    width: 130px;
    float: left;
    margin-right: 7px;
}
.sponsored-dining-info {
    overflow: hidden;
}


.geobase p.sponsored-dining-disclaimer, .dining-guide-sponsor-ad p.sponsored-dining-raildisclaimer {
    font-family: Calibri, sans-serif !important;
    font-weight: 800;
    font-size: .75em;
    color: #575757;
    margin-bottom: 0px;
}

.dining-guide-sponsor-ad {
    display: block;
    border: 1px solid #aaa;
    padding: 10px;
    margin: 0px auto 15px;
    width: 280px;
}


a.sponsored-dining-link, a.sponsored-dining-link:visited  {
    font-size: 1.1em;
    font-weight: 800;
    color: black;
    line-height: 1.25em!important;
}

a.sponsored-dining-link:hover, a.sponsored-dining-link:active {
    color: #575757;
}

.geobase p.sponsored-dining-info,
.diningscrailmodule  {
    font-family: Georgia, serif !important;
    font-style: italic;
    margin: 0px;
    line-height: 1.35em!important;
    font-size: .8em;
}

p.sponsored-dining-raildisclaimer {
    background-color: #f3f1df;
    padding: 5px;
}

hr.sponsored-dining-rule {
    background-color: #fff;
    border-bottom: 1px solid #aaa;
    margin:15px 0px -10px;
}

img.sponsored-dining-logos {
    display: inline-block;
    margin: 5px 3px 0px;
    text-align: center;
}

img.sponsored-dining-photo {
    float: left;
    margin: 0px 10px 0px 0px;
}

a.sponsored-dining-website {
    text-decoration: none!important;
}

img.sponsored-dining-photo:hover, img.sponsored-dining-logos:hover {
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.diningscrailmodule {
    background-color: #f3f1df;
    margin: 0px auto 20px;
    padding: 10px;
}

@media screen and (max-width: 639px) {
.diningscrailmodule {
    display: block;
    width: 300px;
}}

.diningscrailmodule h2.sponsorlistingheader {
    text-align: center;
}

img.diningscrail {
  display: block;
  margin: 0px auto 5px;
  width: 100%;
}

/* ****** END DINING SECTION CSS ****** */