/*css codes -webkit-font-smoothing: antialiased; */ @font-face { font-family: 'AvNext'; font-weight:normal; src: url('/theme/fonts/AvenirNextLTPro-Regular.eot'); /* IE9 Compat Modes */ src: url('/theme/fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/theme/fonts/AvenirNextLTPro-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/theme/fonts/AvenirNextLTPro-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('/theme/fonts/AvenirNextLTPro-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/theme/fonts/AvenirNextLTPro-Regular.svg') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'AvNext'; font-weight:bold; src: url('/theme/fonts/AvenirNextLTPro-Bold.eot'); /* IE9 Compat Modes */ src: url('/theme/fonts/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/theme/fonts/AvenirNextLTPro-Bold.woff2') format('woff2'), /* Super Modern Browsers */ url('/theme/fonts/AvenirNextLTPro-Bold.woff') format('woff'), /* Pretty Modern Browsers */ url('/theme/fonts/AvenirNextLTPro-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('/theme/fonts/AvenirNextLTPro-Bold.svg') format('svg'); /* Legacy iOS */ } *{margin:0;padding:0} html {-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} body {color:#343B40; font-family: 'Lato', sans-serif;overflow-x: hidden; } header,section,aside,footer{display:block} #newlo_header{height:220px;width:100%;} .newlo_content{width:940px;margin:0px auto;} .fl{float:left} .fr{float:right} a{text-decoration: none;color:#ff7800} .rel{position:relative;} .featureimagebox{overflow:hidden;width:280px;height:185px;position:relative} /* header style codes */ .imgswap{cursor:pointer} header .headerlogocont{width:980px;z-index:999;position:relative;} header .logo{margin-top:0px;} header .campname{margin-top: 48px; margin-bottom: 2px;text-transform: uppercase;font-weight: 300;font-family: 'Lato', sans-serif;font-size:28px;color:#fff;text-shadow: 1px 1px 10px #555} header .campname a{font-size:28px;color:#fff;text-shadow: 1px 1px 10px #555;text-decoration:none} header .campname a:hover{text-decoration:underline} header #breadcrumbs{} header #breadcrumbs a{text-transform: uppercase;font-weight: 300;font-family: 'Lato', sans-serif;font-size:11px;color:#fff;text-shadow: 1px 1px 10px #555;text-decoration: none} header #breadcrumbs a:hover{text-decoration: underline} header .headershadow{z-index:0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -khtml-opacity:.50; -moz-opacity:.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5); opacity:.50; background: transparent url(/theme/img/header-shade-full-opacity.png) center top repeat-x; height: 220px;width:100%;position:absolute;top:0;left:0;} header:hover .headershadow{ -khtml-opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1); opacity:1; } header #breadcrumbs a.addarrow { padding-right: 12px; margin-right: 6px; background: url(/theme/img/breadcrumbs-divider_retina.png) right no-repeat;background-size:3px 6px; } header nav{z-index:9999;width:750px;height:50px;top:0;right:20px;position:absolute} header nav ul{float:right} header nav li{text-align: center;float:left;list-style: none;background:transparent url(/theme/img/header-nav-divider.png) right top no-repeat;} header nav li a{font-weight: 300;font-size:14px;color:#fff;font-family: 'Lato', sans-serif;display:block;padding:15px 26px} header nav .headerdonatelink, header nav .lastli{background:none;padding-right:0} header .sociallinks{z-index:1;position:absolute;top: -8px; right: -8px;width:200px;} header .sociallinks a{ -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;-o-border-radius: 50%;-ms-border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;text-decoration: none !important;position:absolute;height:26px;width:26px; border:2px #fff solid;opacity: 0.5;} header .sociallinks a.fb{top: 56px; left: 71px;} header .sociallinks a.tw{top: 56px; left: 107px;} header .sociallinks a.yt{top: 56px; left: 143px;} header .shadowiehack{background:none} header .campname a:hover, header #breadcrumbs a:hover{text-decoration:none} /* content style codes */ section#realcontent h1.realtitle{ font-weight: 400;line-height: 36px; font-family: 'Montserrat',"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 31px; color: #343B40; margin:45px 0 25px 0; letter-spacing:-0.025em} section#realcontent h2.imgunderhtag{ font-weight: 400;line-height: 30px; font-family: 'Montserrat',"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 22.5px; color: #343B40; margin:27px auto 15px auto;width:840px;letter-spacing: -0.02em; } .newhr{font-size:1px;line-height: 1px;min-height:22px;margin-top:10px;} .newhr img{width:100%;} .sharearea{padding:10px 0 10px 0;text-align: center;width: 580px;margin: 0 auto;min-height:45px;} .ms_subscribe{position:relative} .ms_fbshare, .ms_subscribe, .ms_twshare{margin-bottom:15px;float:left;} .ms_fbshare, .ms_subscribe{margin-right:14px;} .ms_fbshare img, .ms_twshare img, .ms_subscribe img{vertical-align: bottom} .ms_fbshare, .ms_twshare{position:relative; } .ms_twsharecount,.ms_fbsharecount{width: 40px; text-align: left;position:absolute;top:0px;left: 66px;font-size: 12px;} .ms_twsharecount{color:#3596c3;text-decoration: none;top:14px;} .ms_fbsharecount{color:#3867b0;text-decoration: none;top:16px;} .sharehack { display: none; } .ms_fbshare, .ms_twshare, .ms_subscribe{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; overflow: hidden;} .takeactionarrowtwo{ width:9px;height:7px;position:absolute;top: 23px; right: 23px; background:transparent url(/theme/img/takeaction_arrow.png) top center no-repeat; } .takeactionarrowone{ width: 9px; height: 7px; position: absolute; top: 27px; right: 27px; background: transparent url(/theme/img/takeaction_arrow2.png) top center no-repeat; } section#realcontent .maincontent{width:840px;margin:0 auto;line-height: 23px;font-size: 16px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} section#realcontent .maincontent p{width:580px;margin:10px auto 17px auto;} section#realcontent .featuredate{color:#999;font-size:12px !important;text-transform: uppercase} section#realcontent .textonimg{ display: inline-block; position: relative; font-family: 'Montserrat'; margin-bottom:0px;margin-top:17px;} section#realcontent .textonimg img{vertical-align: bottom;width:100%;} section#realcontent .ihtext{ color:#fff; font-size:17px; line-height:24px; position: absolute; height:150px; bottom:0px; left:0px; width:100%; background: url('http://animalsaustralia.org/images/shade-bottom-bg.png') center bottom repeat-x; } section#realcontent .ihnum{ margin-right:15px; background-color: #fff; padding:15px 0; text-align: center; width:53px; border-radius: 50%; color:#333; font-size:30px; position: absolute; left:15px; font-weight: bold; bottom:20px; } section#realcontent .relx{ display: block; position:relative; margin-top:150px; } section#realcontent .numberyes{ position:absolute; min-width:250px; left:80px; top:-75px; } section#realcontent .numberno{ position: absolute; min-width: 250px; left: 20px; bottom: 20px; text-align: left; } section#realcontent .maincontent h2, .maincontent h3{letter-spacing: -0.02em;font-weight: 400;line-height: 32px; font-family: 'Montserrat',"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 23px;color: #343B40; margin:25px auto 10px auto;width:580px;max-width:100%} .mainunderdesc{margin:10px auto;width:840px;max-width:100%;font-size: 13px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} .mainunderdesc span{color:#8598a6;font-size:12px} .loadmoreareaa a, .showmorearea a {color:#9da4ad;font-size:22px;} .loadmoreareaa a:hover, .showmorearea a:hover{color:#5a5e63;text-decoration:none !important} .loadmoreareaa {margin-top:15px;text-align:center} .upperptag{font-size: 13px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} .upperptag span{color:#8598a6;font-size:12px} .mediaboxx{background-color:#f6f6f6; border:2px solid #e6e6e6;padding:20px;color:#595e64;max-width:580px;box-sizing:border-box;margin:10px auto;border-radius:10px;} section#realcontent .maincontent img{height:auto !important;} section#realcontent .maincontent ul,.maincontent ol{width:530px;margin:15px auto;} section#realcontent .maincontent li{margin-left:10px;padding-left:10px;margin-bottom:10px;line-height: 23px; font-size: 16px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} section#realcontent .caption { font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.3; text-align: left; color: #888; margin: 8px 0 23px 0; } section#realcontent .autoplay{position: absolute;top:9px;right:9px;font-size:12px;color:#fff;text-shadow:1px 1px 2px #555} section#realcontent .contentimg iframe {background-color: #000} section#realcontent .contentimgrel{width:940px;height:420px;} section#realcontent .maincontent img{max-width:100%;} section#realcontent .maincontent .beforeAfterSlidebar .bottomImage img, section#realcontent .maincontent .beforeAfterSlidebar .topImage img{max-width:none !important;vertical-align:bottom} section#realcontent .maincontent .beforeAfterSlidebar img.sliderarrowcircle{transition: opacity .25s ease-in-out;width:58px;height:58px;opacity:1;position:absolute;z-index:88} section#realcontent .maincontent .beforeAfterSlidebar:hover img.sliderarrowcircle{opacity:0.5} section#realcontent .maincontent .beforeAfterSlidebar {max-width:100%;overflow: hidden;} section#realcontent .contentimg{width:940px;height:420px;position: absolute;top:0px;left:0px;} section#realcontent .contentimg iframe , .contentimg div.genel{position: absolute;width:100%;height:100%;top:0px;left:0px;} section#realcontent .ms_playbg { width:160px; height:160px; } section#realcontent #ms_circle_glow{position:relative} section#realcontent #ms_circle_glow div{box-shadow: 0 0 41px 0 #fff;opacity:0.4;margin: 12px 10px 10px 12px;width:136px;border-radius:50%;height:137px;position:relative} section#realcontent #sublinksimg{position:absolute;bottom:10px;left:15px;display:none} section#realcontent #sublinksimg .tri{position:absolute;bottom:-10px;left:13px;} section#realcontent #sublinksimg a{font-size:12px;color:#fff;text-shadow: 1px 1px 6px #555;margin-right:7px} section#realcontent a.ms_play {border-radius:50%;width:160px;height:160px; text-align: center;color: white; cursor: pointer;font-size: 80px; line-height: 160px; text-decoration: none; text-shadow: 0 0 20px black; z-index:7; -webkit-transition: -webkit-transform 0.3s, transform 0.3s, opacity 0.3s; -moz-transition: -webkit-transform 0.3s, transform 0.3s, opacity 0.3s; -ms-transition: -webkit-transform 0.3s, transform 0.3s, opacity 0.3s; -o-transition: -webkit-transform 0.3s, transform 0.3s, opacity 0.3s; transition: -webkit-transform 0.3s, transform 0.3s, opacity 0.3s; } section#realcontent a.ms_play img{ vertical-align: bottom; margin-bottom: 8px;margin-left:3px;margin-top:8px;width:142px !important;height:144px !important; } .bottomshares { width: 940px; margin-bottom: 0px !important; padding-bottom: 0px !important; margin-top: 27px; } .bottomshares .ms_subscribe{padding:9px;border-radius:0px;background-color:#fff;} .bottomshares .ms_subscribe.active{padding:6px 6px 12px 6px;border-radius:6px 6px 0 0;border:3px solid #e6e6e6;border-bottom:none;} .bottomshares .ms_fbshare{padding-top:9px;padding-bottom:9px;border-radius:0px;} .bottomshares .ms_twshare{padding-top:9px;padding-bottom:9px;border-radius:0px;} .bottomshares .ms_subscribe img{border-radius:3px;} .bottomshares .ms_fbshare img{border-radius:3px;} .bottomshares .ms_twshare img{border-radius:3px;} .bottomshares .ms_fbsharecount, .bottomshares .ms_twsharecount{top:24px;} .bottomshares .ms_fbshare, .bottomshares .ms_subscribe, .bottomshares .ms_twshare{margin-bottom:-3px;} #eupdatebox{border:3px solid #e6e6e6;height:150px;border-radius: 0px 6px 6px 6px;display:none;} .bottomshares.visible { z-index:0 } .bottomshares.visible .ms_fbshare, .bottomshares.visible .ms_twshare {-webkit-transform:translate3d(0,0,0) scale3d(1,1,1); -ms-transform:translate3d(0,0,0) scale3d(1,1,1); -o-transform:translate3d(0,0,0) scale3d(1,1,1); transform:translate3d(0,0,0) scale3d(1,1,1); opacity:1 } .eupboxfblike{border-left:3px solid #e6e6e6;float:right;width:300px;padding:25px;height:100px;} .eupboxform{margin:10px auto;float:left;padding:25px;} #boxwithbunny {padding-top:50px;} #boxwithbunny .eupboxform{padding: 25px;float:none !important;border: 3px solid #e6e6e6;border-radius:6px;width:720px;} #boxwithbunny img{position: absolute; right: 78px; top: 5px;} #boxwithbunny img.insq { position: absolute; right: 44px; top: -20px; } .carouselbox{border:3px solid #e6e6e6;border-radius:6px;padding:0px 0 15px 0;width:700px;margin-bottom: 40px;margin:0 auto;box-sizing:border-box;position:relative;} .carouselboxtop { border-bottom: 2px solid #e6e6e6; padding-bottom: 27px; padding-left: 100px; padding-top: 26px; line-height: 12px; } .newboxtop{position: absolute; right: -137px; top: 9px;} .goodnews_x { position: absolute; top: -14px; left: -14px; z-index: 1; } .carouselboxtop a{ transition: background-color .3s ease-out;display:inline-block;width:12px;height:12px;margin-right:3px;background-color:#dadada;border-radius:50%;position:relative;z-index:2} .carouselboxtop a.acktif{background-color:#f57f11;} .carouselboxtop a:hover{text-decoration:none;} .carouselnewslist{float:right;width:200px;min-height:270px} .carouselnewslist a{ transition: color .3s ease-out;display:block;border-bottom:2px solid #efefef;padding-bottom:12px;margin-bottom:12px;color:#313538;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px;line-height:17px;box-sizing:border-box;padding-right:6px;padding-right:10px;} .carouselnewslist a.acktif{color:#f7882f} .carouselnewslist a:first-child{padding-top:12px;} .carouselnewslist a:last-child{border-bottom:none} .carouselnewscontent{float:left;width:425px;margin-left:35px;position:relative;z-index:2;} .carouselnewscontent div{display:none} .carouselnewscontent div.aktiffaq{display:block} .carouselnewscontent h2 {font-size: 26px;} .carouselnewscontent p{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px;} .carouselnewscontent *{max-width:100%;} .titleeupdate{font-family: 'Montserrat',"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:20px;margin-bottom:16px;letter-spacing:-0.025em} .eupboxform .titleeupdate{margin-top:0px;margin-bottom:13px} .eupboxfblike .titleeupdate{font-size:17px;} .textinput{border-radius:4px;height:35px;line-height:35px;border:1px solid #dfdfdf;padding:0 6px;font-size:16px;font-size:15px;width:170px;margin-right:15px;} .btn{border-radius:4px;font-size:16px;cursor: pointer;border:none;padding:0 10px;height:35px;line-height:35px;background-image:url('/theme/img/whitet.png');background-position:center center;background-repeat: repeat-x} .orange{background-color:#f67d0e;color:#fff;} .orange:hover{background-color:#ff922e} /* footer */ #ms_footer {overflow: hidden; width:100%; background:#33383D; padding:64px 0 50px 0; color:#999b9b; font-size:11px; line-height:19px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } #ms_footer br { clear:both; } #ms_footer a { color:#999b9b; text-decoration:none; display:block; width:auto; } #ms_footer a.inlineLeft { display:inline; margin-right:5px; } #ms_footer a.inlineRight { display:inline; margin-left:5px; } #ms_footer .ms_page { width:980px; margin:0 auto; padding:0 0 0 0px; } #ms_footer h3 { color:#FFF; margin:0; padding:0 0 9px 0; font-family: 'Lato', sans-serif; font-style: normal; font-weight: 300; font-size: 18px; text-decoration: none; letter-spacing: 1px; word-spacing: 0.004em; line-height: 1; text-transform:uppercase; } #ms_footer h3 a { color:#FFF; text-decoration:none; } .ms_footerCol { float:left; margin:0 27px 0 0; border-left:1px solid #4f5151; padding:0 0 0 24px; } #ms_first.ms_footerCol { padding:0; width:185px; border:none; } #ms_first.ms_footerCol span { display:block; margin:15px 0 0 0; line-height:17px; } .ms_footerTop { min-height:100px; } #ms_footerConnect { float:left; padding:0 40px 0 0; } #ms_footerYouth { float:left; } #ms_footer #ms_footerYouth a { margin: 6px 0 0 0px; } .ms_generallinks a{display:inline !important} #ms_footerYouth{margin-top:30px} #ms_footer:before, #ms_footer:after {content: " ";display: table;} #ms_footer:after {clear: both;} .footerslidetoggle{display:block} .footerslidetoggleshow{display:none} .ms_fl{float:left} .ms_fr{float:right} .ms_fs{margin-bottom:0px;} .ms_f1{margin-right:20px;} .ms_f2{margin-right:20px;} .ms_f3{} .ms_f1 div a, .ms_f2 div a, .ms_f3 div a{display: block;color:#fff !important;font-size:12px;text-decoration: none} #makediff{background-color:#272a2e;padding:40px 0;} #makediff .title{margin-bottom:20px;color:#fff;font-family: 'Lato',"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 25px; margin-bottom: 6px;} #makediff .listing{width:290px;padding:10px 0;float:left;} #makediff .middle{margin:0 20px;} #makediff .listing a{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff;font-size:15px;line-height:24px;} #makediff .listing table{width:90%} #makediff .one,#makediff .two,#makediff .three{border-bottom:1px solid #3b3e42;} .ms_playmobile{display: none;} .upnexttitle{margin-top: 33px;margin-bottom: 20px;font-size: 22px;} #upnextleft{width:24px;height:48px;position:absolute;top:110px;left:-120px;} #upnextright{width:24px;height:48px;position:absolute;top:110px;right:-120px;} #upnextleft img, #upnextright img{opacity:0.7} #upnextleft:hover img, #upnextright:hover img{opacity:1} .uc{position: absolute;top:0px;left:0px;width:600px;height:190px;} .upnextinnertitle{margin-bottom:15px;font-size:19px;} .upnextinnertitle a{font-size:19px;color:#000} .upnextinnerdesc{line-height: 19px; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} .upnext{width:600px;height:240px;margin:0 auto;position: relative;} .upnextarea{height:190px;width:600px;overflow:hidden;position: relative} .ucleft{position: relative;height:190px;width:300px;float:left;} .ucright{position: relative;height:190px;width:285px;float:left;margin-left:15px;} .featureboxes { margin: 20px 0; padding: 30px 0 20px 0;} .featurebox{width:940px;margin:0 auto;} .featureboxes .feature { width: 280px; height: auto; float: left; margin: 10px 16px 15px 16px; } .featureboxes a { color:#111; font-size: 17px; line-height: 1.4em; text-decoration: none; font-family: Montserrat;} .featureboxes.colorful { padding: 50px 0 40px 0; color: #fff; } .featureboxes.colorful a{color:#fff;} .featureboxtitle {letter-spacing: -0.02em; font-weight: 400; line-height: 32px; font-family: 'Montserrat',"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 26px;margin-left:10px;margin-bottom:15px;} .featureboxes .feature img{opacity: 1} .featureboxes .showmorearea{text-align: center;} .featureboxes .feature .featurelink{padding-top:6px;} blockquote {font-family: Georgia, serif;font-size: 18px;font-style: italic;width: 90%;margin: 20px auto;padding: 0.25em 5%;line-height: 1.45;position: relative;color: #888f94;} blockquote:before {display: block;content: "\201C";font-size: 60px;position: absolute;left: -5px;top: -20px;color: #c0cad1;} blockquote:after {display: block;content: "\201D";font-size: 60px;position: absolute;right: 0px;bottom: -40px;color: #c0cad1;} blockquote cite {color: #888f94;font-size: 14px;display: block;margin-top: 10px;text-align:right} blockquote cite:before {content: "\2014 \2009";} .new_slider{margin:10px auto 20px auto;width:580px;height:600px;position:relative;} .new_slide {width:100%;height:100%;position: absolute;} .new_slide img{width:580px;height:auto;} .new_slideleft{position:absolute;top:10px; left:0px;} .new_slideright{position:absolute;top:10px; right:0px} .whitearea{background-color: rgba(255,255,255,0.8); position: absolute; width: 100%; bottom: 0px;left:0px} .new_slidetitle{margin:15px 15px 5px 15px;font-size:22px;font-family: 'Montserrat',"Helvetica Neue", Helvetica, Arial, sans-serif;color: #343B40;} .new_slidedesc{margin:0 15px 15px 15px;color: #343B40; line-height: 21px; font-size: 15px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} .beforeAfterSlidebar { position: relative; } .beforeAfterSlidebar div { position: absolute; top: 0px; left: 0px; overflow: hidden;} .topImage { border-right: solid 4px black;} .faqs dt{ padding: 0 0 0 25px } .faqs dd { font-size: 1em; margin: 0 0 20px 25px} .faqs dt { background: url(../img/pluss.png) no-repeat top left;background-position-y: 3px;} .faqs .expanded { background: url(../img/minuss.png) no-repeat top left;background-position-y: 3px;} .faqs dt { font-size: 16px; color: #ff7800; cursor: pointer; height: auto; line-height: 1.35em; margin: 0 0 10px 0; } section#realcontent .maincontent dd p{width:auto;} .videosdiv {padding:15px 0;display:block} .faqs{width: 580px;margin: 0 auto;} #opinionList{width:580px;margin:0 auto} #opinionList .floatleft,#opinionList .floatLeftClear,#opinionList .captionLeft {float: left;margin-right: 15px;margin-bottom: 10px;border: 3px solid #e9ebdd;} #opinionList a {display: block;padding-top: 15px;} #opinionList p {margin-top: 0px;padding-top: 2px;font-size: 8pt;} #downloadThumbnails a { text-align: center; margin-bottom: 20px; width: 180px; display: block; float: left; line-height: 1.3em; margin-left: 15px; margin-right: 15px; margin-top: 12px; margin-bottom: 13px; font-size:12px; } #downloadThumbnails a { color: #677367; text-decoration: none; } #downloadThumbnails img { width: 180px; height: auto; display: block; margin-bottom: 2px; } #breadcrumbs a:last-child{background-image:none !important} .eventLink { display: block; position: relative; padding-left: 60px; padding-top: 15px; color: #677367; line-height: 1.4em;font-size:13px; } .eventLink span {position: absolute;font-weight: bold;text-align: right;width: 48px;display: block;left: 0px;color: #f47c20;cursor: pointer;line-height: 1.3em;} .eventLink strong {color: #42423b;display: block;margin-bottom: 0.4em;line-height: 1.3em;} .faqs .faq {padding-top: 15px;padding-bottom: 15px;border-bottom: 2px #ddd dashed;} .faqs .faq .quest {font-size: 17px;} .faqs .faq .quest i{font-size: 18px;position: absolute; left: 0px;top: 2px;} .faqs .faq .quest a{color:#768a97; display:block;padding-left:28px;position:relative;} .faqs .faq .quest a i{color:#bbcad4;} .faqs .faq .answ{display:none;padding-left:23px;} .faqs .faq.active .quest a{color:#ff7800} .faqs .faq.active .quest a i{color:#ff7800} .searchbox{border: 3px solid #e6e6e6; border-radius: 6px; width: 630px;padding:22px;margin:15px auto} .addressbox{width:580px;margin:0 auto;padding-bottom:15px} .leftaddress{width:48%;float:left;font-size:14px;} .rightaddress{width:48%;float:right;font-size:14px} .mobilemenuarea a.btn, .mobilemenuarea a.btnGrey { font-family: 'Lato', sans-serif; font-style: normal; font-weight: 400; font-size: 100%; text-decoration: none; letter-spacing: -0.03em; word-spacing: 0.004em; line-height: 14px; color: #FFF; text-align: center; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; display: block; padding: 10px 12px 11px 12px; background: #ff6a00 url(/images/btn-top.png) left center repeat-x; } .smallmenu {position: relative; top: 0px; width: 100%; background-color: #F0F0F0;width: 100%;display:none;z-index: 9999;overflow: hidden} .fbbuttonsmall{position: absolute;top:15px;right:15px;display:none;} .twbuttonsmall{position: absolute;top:75px;right:15px;display:none;} .ytbuttonsmall{position: absolute;top:135px;right:15px;display:none;} .smallmenu ul{ border-radius: 6px; border:1px solid #ddd; background-color: #fff; padding:15px; margin:10px; width:50%; max-width: 300px !important} .smallmenu ul li a {transition: all 0.3s ease;text-transform: uppercase;text-decoration: none; color:#55A5CF; font-size:20px; display: block; padding:12px 12px 12px 5px;text-align: left; } .smallmenu ul li a:hover { background-color: #55A5CF; color:#fff; text-decoration: none } .smallmenu ul li{ list-style: none; border-top:1px solid #D2DBDF;margin:0px;padding:0px; } .smallmenu ul li:first-child{ border-top:none;} .bigside{ width:54%;position: absolute;top:15px;right:0px; } .bigside .titlx{color:#9B9F9F;font-size:18px;margin-bottom:20px} .bigside td{padding-top:15px;} .emailup a, .smsup a{color:#808080;font-size:18px;text-decoration: none} .emailup{margin-top:25px;} .smsup{margin-top:16px;} .emailup img{vertical-align: top; margin-top: -2px; margin-right: 7px;} .smsup img{vertical-align: top; margin-top: -2px; margin-right: 15px; margin-left: 6px;} .showallact {color:#444;text-decoration: none;} .factsheetlist{width: 270px; height: auto; float: left; margin: 10px 11px;background-color:#fff;padding:10px 10px 10px 10px;border-bottom:5px solid #ccc} .opbox{width: 280px;height: auto; float: left; margin: 10px 16px; background-color: #fff;border-bottom:9px solid #f57f11;padding-bottom:15px;} .opbox .optitle{padding:15px 15px 0 15px;color:#303539;font-size:22px;font-family:Montserrat} .opbox p{padding:15px 15px 0 15px;font-size:14px;line-height:1.4em;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif} .opbox .opdate{color:#8399a6;font-size:12px;padding: 5px 15px 5px 15px;letter-spacing:0.025em} .opbox img{max-width:100%;} .eventdate { position: absolute; top: -9px; left: 40px; color: #fff; background: url(/theme/img/eventsdate.png) no-repeat; width: 80px; padding-right: 6px; height: 98px; z-index: 9999; font-family: 'Montserrat','Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; text-align: center; padding-top: 22px; background-size: 100%; } .eventdate span{display: block; font-size: 19px; margin-top: -6px;} #eventminidetails{font-size:17px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;} #eventminidetails td i {margin-top:4px} #eventminidetails td{padding-top:7px;vertical-align:top;line-height:1.5em} .eventicon{color:#f57d0c;padding-right:10px;text-align:center} .eventtitle{font-weight:bold;padding-right:10px;} .innereventlist{max-width:580px;margin:0 auto;margin-top:20px;} .innereventlist .eventLink{padding: 15px 0 28px 77px; border-top: 2px #DDE dotted;} .innereventlist .eventdatesmall { position: absolute; top: -9px; left: 10px; color: #fff; background: url(/theme/img/eventsdate.png) no-repeat; width: 50px; height: 70px; z-index: 9999; font-family: 'Montserrat','Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; text-align: center; padding-top: 18px; padding-right: 5px; background-size: 100%; } .innereventlist .eventdatesmall span { font-size: 20px; margin-top: -4px; color: #fff; position: static; text-align: center; display: block; width: auto; left: auto; font-weight: normal; } .smalleventitle{font-family: 'Montserrat',"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:17px;font-weight:400;color:#333a40} .tablinksevent{padding-bottom:10px;} .tablinksevent span{border:2px solid #e6e6e6;border-radius:3px;display:inline-block} .tablinksevent a{position: relative;color: #bcbcbc; display: inline-block; padding: 8px 15px; background-color: #e6e6e6; border-left: 1px solid #fff;font-family: 'Montserrat',"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:15px;} .tablinksevent a:first-child{border:none} .tablinksevent a.selected{background-color:#fff;color:#333a40} .tablinksevent a.selected:after, .tablinksevent a.selected:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tablinksevent a.selected:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 10px; margin-left: -11px; } .tablinksevent a.selected:before { border-color: rgba(230, 230, 230, 0); border-top-color: #e6e6e6; border-width: 13px; margin-left: -14px; } .joblist{display:block;padding:9px 3px;border-bottom:1px dashed #ced5db;font-size:16px;position:relative;padding-left:32px;} p .joblist:last-child{border-bottom:none} .joblist i{position:absolute;top:11px;left:3px;} .greyboxjob{background-color:#f6f6f6;border: solid 2px #e5e5e5;border-radius:6px;padding:10px 13px;color:#363a3d;font-size:13px;box-sizing:border-box} .orangeboxjob{background-color:#ffe8d6;border: solid 2px #ffcb9c;border-radius:6px;padding:10px 13px;color:#363a3d;font-size:13px;font-style:italic;box-sizing:border-box} .orangeboxjob i{color:#ff7701;margin-right:5px;font-size:15px} .shadowiehack{transition: background-color .4s;} .newformstyle{text-align:left;display:inline-block} .newformstyle .formheader{color:#ff7800;font-weight:bold;font-size:15px; margin: 17px auto 12px auto !important} #contest_div p.fieldLabel, section#realcontent .maincontent .customform p.fieldLabel{margin:0;float:left;width:140px;padding-right:10px;color:#6c7379} #contest_div p.field, section#realcontent .maincontent .customform p.field{width: auto;margin: 15px 0;} .tallyarea{color:#8599a4;font-size:12px;line-height:20px;margin-bottom:10px} .tallyarea span{position: relative;color:#fff;font-size:11px;line-height:20px;display:inline-block;padding:0 5px;background-color:#fc611f;margin-right:7px;} .tallyarea span:before { content: ''; position: absolute; top: 0px; right:-17px; width: 0; height: 0; border: 10px solid transparent; border-left: 7px solid #fc611f; } .mediahubh1links { font-size: 13px; margin-left: 13px; border-right: 1px solid #ff7800; line-height: 15px; padding-right: 13px; margin-top: 10px; } .mediahubh1links.noborderstuff{border-right: none !important;padding-right:0 !important;} .mediahubh1links.jumpto{ margin-right: 5px;position:relative;border-right: none !important; background-color: #ff7800; color: #fff; padding: 4px 8px; font-size: 12px; margin-top: 6px;} .mediahubh1links.jumpto:after { content: ''; position: absolute; top: 0px; left: 67px; width: 0; height: 0; border: 11px solid transparent; border-left: 6px solid #ff7800; } section#realcontent .maincontent p.quoteleft{ float: left; color: #f77f11; font-weight: bold; width: 340px; padding: 0 20px; border-left: 5px #f77f11 solid; font-size: 16px; } section#realcontent .maincontent p.quoteright{ float: right; color: #f77f11; font-weight: bold; width: 340px; padding-left: 20px; border-left: 5px #f77f11 solid; font-size: 16px; margin-left: 20px; } section#realcontent .maincontent p.quoteleft span, section#realcontent .maincontent p.quoteright span{font-size: 11px !important; display: block; margin-top: 7px;} .campnamecont{margin-left:20px;} .hidedesktopsliderimg{display:block} .hidemobilesliderimg{display:none} .brtagdesktop{ clear:both;display:block } .brtagtablet{clear:both;display:none} .petlistbox { max-width: 500px; padding: 20px 0; margin: 0px auto; border-bottom: 1px dashed #d2d2d4; } /* font-family: 'Montserrat',"Helvetica Neue", Helvetica, Arial, sans-serif; */ #smsalertbox{max-width: 380px; margin: 0 auto; } #smsalertbox td { padding: 5px 16px 5px 2px;font-size:14px; font-family: 'Montserrat',"Helvetica Neue", Helvetica, Arial, sans-serif; text-align: right; } #smsalertbox input, #smsalertbox select{box-sizing: border-box;width: 100%; padding: 5px; color: #333; border: 2px solid #e5e5e5; border-radius: 2px; font-size: 15px;} .videowarninghey{position: absolute; bottom: 9px; left: 9px; font-size: 12px; color: #fff; text-shadow: 1px 1px 2px #555;} /* disable hovers for tables and mobile */ @media (min-width:980px) { #newlo_header{height: 220px !important;} .smallmenu{display:none !important} .featureboxes a:hover{text-decoration: underline} .featureboxes .feature img:hover{opacity: 1} header nav li a:hover{text-decoration: none;} header .sociallinks a:hover{opacity: 1;} a:hover{text-decoration: underline} header nav ul li a:hover{text-decoration: underline} #ms_footer a:hover { color:#DDD; } .ms_fs a img{opacity: 0.7} .ms_fs a:hover img {opacity: 1;} #makediff a img{opacity: 0.8} #makediff a:hover img {opacity: 1;text-decoration: underline;} } @media (min-width:630px) { .bottomshares .ms_fbshare,.bottomshares .ms_twshare {display:none; opacity:0; -webkit-transition:-webkit-transform .5s,opacity .25s; -moz-transition:-moz-transform .5s,opacity .25s; -ms-transition:-ms-transform .5s,opacity .25s; transition:transform 0.5s,opacity .25s; position:relative } .bottomshares .ms_fbshare { z-index:2; -webkit-transform:translate3d(-50px,-100px,0) scale3d(2,2,1); -ms-transform:translate3d(-50px,-100px,0) scale3d(2,2,1); -o-transform:translate3d(-50px,-100px,0) scale3d(2,2,1); transform:translate3d(-50px,-100px,0) scale3d(2,2,1) } .bottomshares .ms_twshare{ z-index:1; -webkit-transform:translate3d(50px,-75px,0) scale3d(1.5,1.5,1); -ms-transform:translate3d(50px,-75px,0) scale3d(1.5,1.5,1); -o-transform:translate3d(50px,-75px,0) scale3d(1.5,1.5,1); transform:translate3d(50px,-75px,0) scale3d(1.5,1.5,1) } } /* table style */ @media (max-width:979px) { .brtagdesktop{ clear:both;display:none } .brtagtablet{clear:both;display:block} .campnamecont{margin-left:12px;} .mediahubh1links{display:none;} .mobilemenuarea a.btnGrey {transition: background-color 0.5s ease;background-color: ##ff6a00;} a.btnGrey.aktiffx{background-color: #07CED8 !important} .shadowiehack.aktiffx{background-color:rgba(0,0,0,0.65) !important} .factsheetlist img{max-width:100% !important;height:auto !important} .opbox{width:260px;} .smallmenu ul{ width:35%;} #newlo_header{height:140px;background-position:center center !important;overflow:hidden; background-size: auto 100% !important;} .mobilemenuarea{display:block !important;margin:15px;} header .fl.logo img{height:80px !important;width:auto !important} blockquote:before {display: block;content: "\201C";font-size: 50px;position: absolute;left: -10px;top: -10px;color: #c0cad1;} blockquote:after {display: block;content: "\201D";font-size: 50px;position: absolute;right: 0px;bottom: -40px;color: #c0cad1;} blockquote cite {padding-right:10px;} section#realcontent .autoplay{display:none} section#realcontent .contentimg{width:100%;height:100%;position: absolute;top:0px;left:0px;} section#realcontent .contentimgrel{padding-top:45%;width:auto;height:auto;} header .headerlogocont{width:auto;margin:0;} .newlo_content{width:auto;margin:0 10px;} .tablethide{display: none;} section#realcontent .maincontent{width:auto;} header .campname{font-size:24px;margin-top:55px;} section#realcontent h2.imgunderhtag{width:auto;} #ms_footer .ms_page{width:auto;} #ms_footer .ms_page{width:auto;padding:0 0 0 20px;} #ms_last {margin-top: 30px;} .ms_subscribe{display:none} .bottomshares{width:auto;} .bottomshares .ms_subscribe{padding:0px;border-radius:0px;background-color:#fff;} .bottomshares .ms_subscribe.active{padding:0;border-radius:0;border:none;} .bottomshares .ms_fbshare{padding-top:0;padding-bottom:0;border-radius:0px;} .bottomshares .ms_twshare{padding-top:0;padding-bottom:0;border-radius:0px;} .bottomshares .ms_fbshare, .bottomshares .ms_subscribe, .bottomshares .ms_twshare{margin-bottom:10px;} .bottomshares .ms_fbsharecount, .bottomshares .ms_twsharecount{top:15px;} .eupboxfblike{overflow:hidden;border-top:3px solid #e6e6e6;border-left:none;float:none;width:auto;padding:15px;height:auto;} .eupboxform{float:none;padding:15px;width:auto;} #boxwithbunny .eupboxform{width:530px;} #boxwithbunny img{display:none} #eupdatebox{height:auto;} .eupboxform .titleeupdate{margin-top:0px} .eupboxfblike .titleeupdate{font-size:20px;} #boxwithbunny {padding-top:20px;} #makediff .listing{width:45%;} #makediff .middle{margin:0;} #makediff .one,#makediff .two,#makediff .three,#makediff .four{border-bottom:1px solid #3b3e42;} #makediff .ipadlisting{margin:0 0 0 30px;} .featurebox{width:auto;margin:0 auto;} .featureboxes .feature{width:280px;height:auto;float:left;margin:10px;} .newboxtop{display:none} header .campname{margin-top:5px;margin-bottom: -5px;} header .campname a{font-size:20px;} } @media (max-width:680px) { .petlistbox .hidetdq{display:none} .carouselbox{width:auto;} .carouselnewslist{display:none;} .carouselnewscontent{width:auto;float:none;margin-right:15px;margin-left:15px;} .goodnews_x{height: 100px !important; width: 100px !important; top: -11px; left: -11px;} .carouselnewscontent h2{margin-top:15px !important;} .carouselboxtop{ padding-bottom: 21px; padding-left: 70px; padding-top: 20px;} .hidedesktopsliderimg{display:none} .hidemobilesliderimg{display:block} #contest_div p.fieldLabel, section#realcontent .maincontent .customform p.fieldLabel{ float:none; width:auto; padding-right:0px; text-align:left; color:#6c7379 } .newformstyle br{display:none} #contest_div #submitcontestForm , .customform #submitform1{ margin-left:0px !important;margin-top:15px; } #contest_div p.field, section#realcontent .maincontent .customform p.field{ margin: 2px 0 7px 0 } .formsubmitleft{display:none;} } /* mobile style */ @media (max-width:630px) { .brtagdesktop{ clear:both;display:none } .brtagtablet{clear:both;display:none} section#realcontent .maincontent .beforeAfterSlidebar img.sliderarrowcircle{width:29px;height:29px;} section#realcontent .numberyes { min-width: 200px; left: 60px; bottom: 12px !important; top: auto !important;} section#realcontent .ihtext { font-size: 14px; line-height: 18px;} section#realcontent .ihnum { line-height: 10px; margin-right: 15px; background-color: #fff; padding: 15px 0; text-align: center; width: 40px; border-radius: 50%; color: #333; font-size: 27px; position: absolute; left: 10px; font-weight: bold; bottom: 10px; } .featureboxes .feature { width: 280px height: auto; float: none; margin: 10px auto 20px auto} header .campname { margin-bottom: -5px;} #eventminidetails{font-size:14px;} #eventminidetails td{padding-top:4px;} .eventicon{padding-right:6px;} .eventtitle{padding-right:6px;} .eventdate{background-size: 100%; font-size: 16px; width: 56px; padding-right: 5px; padding-top: 10px;height: 64px;left:10px;} .eventdate span{font-size: 27px; margin-top: 0px;} .eventsslider .mainslider_desc{display:none !important} .opbox{width:260px;float:none;margin:15px auto;} .factsheetlist{width:240px; margin: 10px auto;float:none} .factsheetlist span{display:none} .smallmenu ul{ width:60%;} .twbuttonsmall, .ytbuttonsmall, .fbbuttonsmall, .showallact, .smallmenu{display:block;} .bigside{display:none} .addressbox{width:auto;margin:0 auto} .leftaddress{width:auto;float:none} .rightaddress{width:auto;float:none} .searchbox{width:auto;} .searchbox .textinput {width:95% !important;} #boxwithbunny .eupboxform{width:auto;} .new_slide img{max-width:100%;} .faqs{width:auto;} .widthhackformobile{width: auto !important;margin: 0 10px !important} .ms_play , .ms_playbg{display:none !important;} .ms_playmobile{display: block;} #makediff .listing{width:290px;} section#realcontent .maincontent h2, .maincontent h3{width:auto;font-size: 22px; line-height: 26px;} section#realcontent .maincontent ul, .maincontent ol{width:auto;margin-left:10px;margin-right:10px;} section#realcontent h1.realtitle { margin-top: 25px !important; font-size: 27px; line-height: 32px; margin-bottom: 20px;} section#realcontent h2.imgunderhtag{margin-top: 13px;font-size:16px;line-height:23px;} .featureboxtitle{font-size:23px !important;line-height:26px !important} .maincontent iframe{width:100% !important;/*height:250px !important;*/} #opinionList{width:auto;margin:0 auto} #opinionList img{display:none} .new_slider{margin:10px auto 20px auto;width:100%;height:600px;position:relative;} .new_slide {width:100%;height:100%;position: absolute;} .new_slideleft{position:absolute;top:20px; left:0px;} .new_slideright{position:absolute;top:20px; right:0px} .sharearea{width:auto;} .ms_fbshare, .ms_twshare, .ms_subscribe{width:auto !important;position: relative;margin:0 0px 15px 0px;float:none !important;text-align: left} .sharehack{display:block;position: absolute;z-index: -1;} section#realcontent .maincontent p {width: auto;} section#realcontent .maincontent p.quoteleft{float: none; color: #f77f11; font-weight: bold; width: auto; padding:0 0 0 10px; border-left: 5px #f77f11 solid; font-size: 15px; } section#realcontent .maincontent p.quoteright{float: none; color: #f77f11; font-weight: bold; width: auto; padding:0 0 0 10px; border-left: 5px #f77f11 solid; font-size: 15px; margin-left: 0; } section#realcontent .maincontent iframe{} .ms_footerCol{float:none !important;margin-left:0 !important;margin-right:0 !important;padding-left:0;border-left:none !important;padding-bottom:20px !important;} .togglearea div{display: block} .textinput{margin-bottom:10px;width: 90%;} .bottomshares .ms_fbshare, .bottomshares .ms_subscribe{margin-bottom:10px;} .bottomshares .ms_fbshare{display:block !important} .bottomshares .ms_twshare{margin-bottom:0px;display:block !important} #upnextleft{top:-60px;left:20px;display:none} #upnextright{top:-60px;right:20px;display:none} .uc{width:300px;height:390px;} .upnext{width:300px;height:460px;margin:0 0px auto 0 auto;position: relative;} .upnextarea{height:390px;width:300px;overflow:hidden;} .ucleft{position: relative;height:190px;width:300px;float:none;} .ucright{position: relative;height:190px;width:300px;float:none;margin-left:0px;margin-top:10px;} #makediff{padding-bottom:10px} #makediff .middle{margin:0;} #makediff .one,#makediff .two,#makediff .three,#makediff .four,#makediff .five{border-bottom:1px solid #3b3e42;} #makediff .ipadlisting{margin:0;} #makediff .listing {display:block;float:none;margin:0;width:auto} } .mainslider{margin:10px auto 20px auto;width:940px;height:500px;position:relative;} .mainslider_slides{position: relative;width:100%;height:100%;} .mainslider_slide {width:100%;height:100%;position: absolute;} .mainslider_slide img{width:940px;height:auto;} .mainslider_left{position:absolute;bottom:20px; left:20px;transition:all .5s ease-in-out} .mainslider_right{position:absolute;bottom:20px; right:20px;transition:all .5s ease-in-out} .new_slidetitle{margin:15px 15px 5px 15px;font-size:22px;font-family: 'Montserrat',"Helvetica Neue", Helvetica, Arial, sans-serif;color: #343B40;} .new_slidedesc{margin:0 15px 15px 15px;color: #343B40;font-size:15px;} .mainslider_content{position:absolute;top:30px;left:30px;transition:all .5s ease-in-out} .mainslider_title { color: #fff; font-size: 28px; font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 10px; } .mainslider_desc { color: #fff; font-size: 15px; font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.35em; width: 240px; font-weight: 300; } .mainslider_button a{text-shadow:none !important;text-align: center; padding: 16px 0; font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 20px; color: #FFF; border-radius: 6px; background-color: #00C0D4; background-image: url(/theme/img/whitet.png); background-repeat: repeat-x; background-position: center center;text-decoration: none; white-space: nowrap; box-sizing: content-box; } .mainslider_button.greenn a { background-color: #009aac; padding: 0px 10px; margin-top: 15px; display: block; line-height: 40px; width: auto;display:inline-block; font-size: 18px; } .mainslider_button.greenn a:hover{background-color: #33aebd;text-decoration: none;} .mainslider_button.orangee a { background-color: #ff6a00; padding: 0px 10px; margin-top: 15px; display: block; line-height: 40px; width: auto;display:inline-block; font-size: 18px; } .mainslider_button.orangee a:hover{background-color: #ff8833;text-decoration: none;} .mainslider_slides{text-shadow: 0px 0px 10px #000;} .eactionpage .mainslider_desc{font-size: 19px;font-weight:400} .eactionpage .mainslider_title{font-size: 25px;} .issuespage .mainslider_title {font-family: 'Montserrat',"Helvetica Neue", Helvetica, Arial, sans-serif; } @media (max-width:979px) { .mainslider{margin:10px auto 20px auto;width:auto;position:relative;} .mainslider_slide img{width:100%;height:auto;} } @media (max-width:630px) { .mainslider_left{position:absolute;bottom:0px; left:0px;transition:all .5s ease-in-out} .mainslider_right{position:absolute;bottom:0px; right:0px;transition:all .5s ease-in-out} .mainslider_right img, .mainslider_left img{width:48px;height:auto;} .mainslider_content{position:absolute;top:15px;left:15px;transition:all .5s ease-in-out} .eactionpage .mainslider_title {font-size: 19px;margin-bottom: 5px; } .eactionpage .mainslider_desc {font-size: 12px;width:auto; } .issuespage .mainslider_title {font-size: 19px;margin-bottom: 0px;font-family: 'Montserrat',"Helvetica Neue", Helvetica, Arial, sans-serif; } .mainslider_button.green a { padding: 0px 5px; margin-top: 5px; display: block; line-height: 28px; width: 80px; font-size: 13px; } .mainslider_button.orangee a { background-color: #ff6a00; padding: 0px 5px; margin-top: 5px; display: block; line-height: 28px; width: 80px; font-size: 13px; } } .fb-post{max-width:100% !important;} .fb-post * {max-width:100% !important;} .maincontent .fb-post iframe {height:100% !important} .playBtn .playBg { -webkit-transition:background-color 0.4s ease-in-out; -moz-transition:background-color 0.4s ease-in-out; -o-transition:background-color 0.4s ease-in-out; transition:background-color 0.4s ease-in-out; } .vidShade { -webkit-transition:opacity 0.4s ease-in-out; -moz-transition:opacity 0.4s ease-in-out; -o-transition:opacity 0.4s ease-in-out; transition:opacity 0.4s ease-in-out; } .playBtn { -webkit-transition:transform 0.1s ease-in-out; -moz-transition:transform 0.1s ease-in-out; -o-transition:transform 0.1s ease-in-out; transition:transform 0.1s ease-in-out; } .vidShade { background:#000; opacity:0; width:100%; height:100%; position:absolute; top:0; left:0; } .playBtn { position:absolute !important; display:block; width:8em; height:8em; margin: 0 auto; text-decoration:none; color:#FFF; position:relative; } .playBtn .playBg { display:block; position:absolute; width:90%; height:90%; margin:0 5%; background-color:rgba(0,0,0,.3); background-image: url(/theme/img/vid-play-wave.png); background-size:30%; background-position:center center; background-repeat:no-repeat; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; opacity:0; } .playBtn .circ { display:block; position:absolute; width:100%; height:100%; } .playBtn i { display:block; text-align:center; position:absolute; width:100%; font-size: 305%; padding-left:4%; opacity:0; color:#fff !important; margin-top: .8em; } .playBtn:hover .playBg { background-color:rgba(255,255,255,0.1); } .playBtn:hover { transform:scale(1.1); }