/* ----------------------------------------- */ /* Content Template: Loop item in Home Page Events Featured - start */ /* ----------------------------------------- */ .wpv-loop .row {margin: 10px 0px; } div#event-row {background-image: url(https://www.fossettscircus.com/wp-content/uploads/2017/06/dates-bkg.png); background-repeat: no-repeat; height: 248px; background-position: 20% 0%; padding: 26px 30px; background-size: contain; } div#event-row-featured {background-image: url(https://www.fossettscircus.com/wp-content/uploads/2017/07/dates-bkg-featured.png); background-repeat: no-repeat; height: 248px; background-position: 20% 0%; padding: 26px 30px; background-size: contain; margin-bottom:40px } .date-column {margin-right: 1%; display: inline-block; width: 20%; float: left; } .date { text-align: center; background: #ed1e26; height: auto; min-height: 194px; padding: 14px; } .date span { width: 100%; display: inline-block;} span.day {font-weight: bold; font-size: 30px; text-shadow: 2px 1px black; color: white;} span.month {font-weight: 300; font-size: 22px; text-shadow: 2px 1px black; color: white;} span.to {color:#ffd100;} .vc_column-inner {padding-top:20px!important} .location-column {margin-right: 2%; display: inline-block; width: 40%; float: left; } .location span {width: 100%; display: inline-block; } span.address {font-weight: 300; font-size: 19px; color: #ffd900; text-shadow: 2px 1px black; min-height: 88px; } span.title a {font-weight: 300; font-size: 2.5em; text-shadow: 2px 1px black; color: white; } span.title a:hover {text-decoration:none;} .show-column {display: inline-block; width: 30%; float: left; height: inherit; max-height: 193px; } div.show-times {background-image: url(https://www.fossettscircus.com/wp-content/uploads/2017/06/SHOW-TIMES-vertical.png); background-repeat: no-repeat; height: 269px; background-position: 0% 14%;} span.times {display: inline-block; padding-top: 10px; padding-left: 35px; color: white; } .book-now-button {margin-top:-5%;float: left;} .featured { -webkit-box-shadow: 0px 0px 48px 17px rgba(255, 213, 0); -moz-box-shadow: 0px 0px 48px 17px rgba(255, 213, 0); box-shadow: 0px 0px 50px 0px rgb(255, 213, 0);} .featured-title {width:100%;text-align:center;} /*Responsive*/ /*portrait*/ @media only screen and (min-device-width: 375px) and (max-device-height: 736px)and (orientation : portrait){ span.title a {font-size: 1.6em!important; line-height: 1em;} span.address {font-size: 1.3em!important; line-height: 1.2em;min-height:104px;} div#event-row-featured{max-height:256px;padding:0px!important;background-size: initial; height: 194px; background-position: 100% 0%; background-image: url(https://www.fossettscircus.com/wp-content/uploads/2017/07/dates-mobile-featured.png)!important;} .date-column {margin-right: 0px; width: 50%;} .location-column {margin-right: 0px; width: 50%; padding: 10px 6px;overflow: hidden; text-overflow: ellipsis; height: 194px;} .location span {padding-top:10px;} .show-column{display:none;} .vc_btn3-container {margin-bottom:0px;} .book-now-button{width: 100%; display: inline-grid;margin-top: -2%;} .vc_btn3.vc_btn3-size-md.vc_btn3-icon-left:not(.vc_btn3-o-empty) {text-align:center; padding-left: 0px;} .subscribe-header img { margin: -30px auto 20px auto;} .gform_wrapper form.gf_simple_horizontal div.gform_body { width: 90%!important; max-width: 100%!important; margin: 0 auto;} } /* ----------------------------------------- */ /* Content Template: Loop item in Home Page Events Featured - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Home Page Events - start */ /* ----------------------------------------- */ .wpv-loop .row {margin: 10px 0px; } div#event-row {background-image: url(https://www.fossettscircus.com/wp-content/uploads/2017/06/dates-bkg.png); background-repeat: no-repeat; height: 248px; background-position: 20% 0%; padding: 26px 30px; background-size: contain; } div#event-row-featured {background-image: url(https://www.fossettscircus.com/wp-content/uploads/2017/07/dates-bkg-featured.png); background-repeat: no-repeat; height: 248px; background-position: 20% 0%; padding: 26px 30px; background-size: contain; } .date-column {margin-right: 1%; display: inline-block; width: 20%; float: left; } .date { text-align: center; background: #ed1e26; height: auto; min-height: 194px; padding: 14px; } .date span { width: 100%; display: inline-block;} span.day {font-weight: bold; font-size: 30px; text-shadow: 2px 1px black; color: white;} span.month {font-weight: 300; font-size: 22px; text-shadow: 2px 1px black; color: white;} span.to {color:#ffd100;} a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-classic.vc_btn3-icon-left.vc_btn3-color-secondary { background: #ed1e26; color: white; } .vc_column-inner {padding-top:20px!important} .location-column {margin-right: 2%; display: inline-block; width: 40%; float: left; } .location span {width: 100%; display: inline-block; } span.address {font-weight: 300; font-size: 19px; color: #ffd900; text-shadow: 2px 1px black; min-height: 88px; } span.title a {font-weight: 300; font-size: 2.5em; text-shadow: 2px 1px black; color: white; } span.title a:hover {text-decoration:none;} .show-column {display: inline-block; width: 30%; float: left; height: inherit; max-height: 193px; } div.show-times {background-image: url(https://www.fossettscircus.com/wp-content/uploads/2017/06/SHOW-TIMES-vertical.png); background-repeat: no-repeat; height: 269px; background-position: 0% 14%;} span.times {display: inline-block; padding-top: 10px; padding-left: 35px; color: white; } .book-now-button {margin-top:-5%;float: left;} .featured { -webkit-box-shadow: 0px 0px 48px 17px rgba(255, 213, 0); -moz-box-shadow: 0px 0px 48px 17px rgba(255, 213, 0); box-shadow: 0px 0px 50px 0px rgb(255, 213, 0);} .featured-title {width:100%;text-align:center;} /*Responsive*/ /*portrait*/ @media only screen and (max-width:980px) { span.title a {font-size: 1.6em!important; line-height: 1em;} span.address {font-size: 1.3em!important; line-height: 1.2em;min-height:104px;} div#event-row{max-height:256px;padding:0px!important;background-size: initial; height: 194px; background-position: 100% 0%; background-image: url(https://www.fossettscircus.com/wp-content/uploads/2017/06/dates-mobile.png);} .date-column {margin-right: 0px; width: 50%;} .location-column {margin-right: 0px; width: 50%; padding: 10px 6px;overflow: hidden; text-overflow: ellipsis; height: 194px;} .location span {padding-top:10px;} .show-column{display:none;} .vc_btn3-container {margin-bottom:0px;} .book-now-button{width: 100%; display: inline-grid;margin-top: -2%;} .vc_btn3.vc_btn3-size-md.vc_btn3-icon-left:not(.vc_btn3-o-empty) {text-align:center; padding-left: 0px;} .subscribe-header img { margin: -30px auto 20px auto;} .gform_wrapper form.gf_simple_horizontal div.gform_body { width: 90%!important; max-width: 100%!important; margin: 0 auto;} } /* ----------------------------------------- */ /* Content Template: Loop item in Home Page Events - end */ /* ----------------------------------------- */