.panel-grid.panel-has-style>.panel-row-style,.panel-grid.panel-no-style{display:flex;-ms-flex-wrap:wrap;flex-wrap:nowrap;-ms-justify-content:space-between;justify-content:space-between}.panel-layout.panel-is-rtl .panel-grid.panel-has-style>.panel-row-style,.panel-layout.panel-is-rtl .panel-grid.panel-no-style{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.panel-grid-cell{-ms-box-sizing:border-box;box-sizing:border-box}.panel-grid-cell .panel-cell-style{height:100%}.panel-grid-cell .so-panel{zoom:1}.panel-grid-cell .so-panel:before{content:"";display:block}.panel-grid-cell .so-panel:after{content:"";display:table;clear:both}.panel-grid-cell .panel-last-child{margin-bottom:0}.panel-grid-cell .widget-title{margin-top:0}body.siteorigin-panels-before-js{overflow-x:hidden}body.siteorigin-panels-before-js .siteorigin-panels-stretch{margin-right:-1000px!important;margin-left:-1000px!important;padding-right:1000px!important;padding-left:1000px!important}div#user-submitted-posts{width:100%;max-width:800px;overflow:hidden;} div#user-submitted-posts form{box-sizing:border-box;margin:10px 0;padding:5px;} div#user-submitted-posts fieldset{box-sizing:border-box;margin:10px 0;padding:0;border:0;} div#user-submitted-posts fieldset label {box-sizing:border-box;display:block;float:none;clear:both;width:80%;margin:0;padding:0;border:0;font-size:90%;} div#user-submitted-posts fieldset input.usp-input{box-sizing:border-box;display:block;float:none;clear:both;width:80%;margin:0;} div#user-submitted-posts textarea.usp-textarea {box-sizing:border-box;display:block;float:none;clear:both;width:100%;margin:0;} div#user-submitted-posts select {box-sizing:border-box;display:block;float:none;clear:both;width:auto;margin:0;} div#user-submitted-posts select.usp-multiple{width:80%;} div#user-submitted-posts .usp-cat-child{text-indent:20px;} div#user-submitted-posts .usp-cat-grand{text-indent:40px;} div#user-submitted-posts .usp-cat-great{text-indent:60px;} div#user-submitted-posts .usp-cat-great-great{text-indent:80px;} div#user-submitted-posts div.usp_text-editor{margin:20px 0 0 0;} div#user-submitted-posts div.wp-editor-container{border:1px solid #e5e5e5;} div#user-submitted-posts fieldset.usp-images{margin:25px 0;} div#user-submitted-posts div#usp-upload-message{font-size:90%;} div#user-submitted-posts fieldset input.usp-input.usp-clone{margin:10px 0 0 0;font-size:90%;} div#user-submitted-posts a#usp_add-another{display:inline-block;clear:both;margin:10px 0 0 0;font-size:90%;} div#user-submitted-posts div#usp-submit{margin:20px 0;} div#user-submitted-posts div.usp-error{color:#cc3333;} div#user-submitted-posts div#usp-error-message{margin:0 0 20px 0;} div#user-submitted-posts div#usp-error-message.usp-callout-failure{color:#cc3333;} div#user-submitted-posts div#usp-success-message{margin:0 0 20px 0;font-weight:bold;} div#user-submitted-posts fieldset.usp-checkbox{padding:5px 0;} div#user-submitted-posts fieldset.usp-checkbox input{display:inline-block;vertical-align:middle;position:relative;top:-2px;} div#user-submitted-posts fieldset.usp-checkbox label{display:inline-block;vertical-align:middle;} .usp-hidden, .usp-no-js{display:none;} .usp-js{display:block;} div#user-submitted-posts ul.parsley-errors-list{display:none;list-style-type:none;} div#user-submitted-posts ul.parsley-errors-list.filled{display:block;float:none;clear:both;margin:0;padding:0;font-size:12px;line-height:18px;} div#user-submitted-posts ul.parsley-errors-list.filled li.parsley-required, div#user-submitted-posts ul.parsley-errors-list.filled li.parsley-type{display:inline-block;margin:0;padding:5px 10px;color:#fff;background-color:#cc3333;} div#user-submitted-posts .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{text-decoration:none;border:none;padding:0;box-shadow:none;} .chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(//channelingerik.com/wp-content/plugins/user-submitted-posts/resources/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(//channelingerik.com/wp-content/plugins/user-submitted-posts/resources/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(//channelingerik.com/wp-content/plugins/user-submitted-posts/resources/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(//channelingerik.com/wp-content/plugins/user-submitted-posts/resources/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(//channelingerik.com/wp-content/plugins/user-submitted-posts/resources/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(//channelingerik.com/wp-content/plugins/user-submitted-posts/resources/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}/* * Skeleton V1.1 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 8/17/2011 */ /* Grid 1200px Nicolas Poliquin polikin.ca */ /* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ .columns, .column{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;} /* #Base 1200 Grid ================================================== */ .container {position:relative;width:1200px;margin:0 auto;padding:0;} .container .column, .container .columns {float:left;display:inline;margin-left:10px;margin-right:10px;} .row {margin-bottom:20px;} /* Nested Column Classes */ .column.alpha, .columns.alpha {margin-left:0;} .column.omega, .columns.omega {margin-right:0;} /* Base Grid */ .container .one.column, .container .one.columns {width:55px;} .container .two.columns {width:120px;} .container .three.columns {width:205px;} .container .four.columns {width:280px;} .container .five.columns {width:355px;} .container .six.columns {width:430px;} .container .seven.columns {width:505px;} .container .eight.columns {width:580px;} .container .nine.columns {width:655px;} .container .ten.columns {width:730px;} .container .eleven.columns {width:805px;} .container .twelve.columns {width:880px;} .container .thirteen.columns {width:955px;} .container .fourteen.columns {width:1030px;} .container .fifteen.columns {width:1105px;} .container .sixteen.columns {width:1180px;} .container .one-third.column {width:380px;} .container .two-thirds.column {width:780px;} /* Offsets */ .container .offset-by-one {padding-left:75px;} .container .offset-by-two {padding-left:140px;} .container .offset-by-three {padding-left:225px;} .container .offset-by-four {padding-left:300px;} .container .offset-by-five {padding-left:375px;} .container .offset-by-six {padding-left:430px;} .container .offset-by-seven {padding-left:525px;} .container .offset-by-eight {padding-left:600px;} .container .offset-by-nine {padding-left:675px;} .container .offset-by-ten {padding-left:750px;} .container .offset-by-eleven {padding-left:825px;} .container .offset-by-twelve {padding-left:900px;} .container .offset-by-thirteen {padding-left:975px;} .container .offset-by-fourteen {padding-left:1050px;} .container .offset-by-fifteen {padding-left:1125px;} /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container {width:768px;} .container .one.column, .container .one.columns {width:28px;} .container .two.columns {width:76px;} .container .three.columns {width:124px;} .container .four.columns {width:172px;} .container .five.columns {width:220px;} .container .six.columns {width:268px;} .container .seven.columns {width:316px;} .container .eight.columns {width:364px;} .container .nine.columns {width:412px;} .container .ten.columns {width:460px;} .container .eleven.columns {width:508px;} .container .twelve.columns {width:556px;} .container .thirteen.columns {width:604px;} .container .fourteen.columns {width:652px;} .container .fifteen.columns {width:700px;} .container .sixteen.columns {width:748px;} .container .one-third.column {width:236px;} .container .two-thirds.column {width:492px;} /* Offsets */ .container .offset-by-one {padding-left:48px;} .container .offset-by-two {padding-left:96px;} .container .offset-by-three {padding-left:144px;} .container .offset-by-four {padding-left:192px;} .container .offset-by-five {padding-left:240px;} .container .offset-by-six {padding-left:288px;} .container .offset-by-seven {padding-left:336px;} .container .offset-by-eight {padding-left:384px;} .container .offset-by-nine {padding-left:432px;} .container .offset-by-ten {padding-left:480px;} .container .offset-by-eleven {padding-left:528px;} .container .offset-by-twelve {padding-left:576px;} .container .offset-by-thirteen {padding-left:624px;} .container .offset-by-fourteen {padding-left:672px;} .container .offset-by-fifteen {padding-left:720px;} } /* Note: Design for a width 1024 Desktop ================================================== */ @media only screen and (min-width: 960px) and (max-width: 1199px) { /* Base Grid */ .container {width:960px;} .container .one.column, .container .one.columns {width:40px;} .container .two.columns {width:100px;} .container .three.columns {width:160px;} .container .four.columns {width:220px;} .container .five.columns {width:280px;} .container .six.columns {width:340px;} .container .seven.columns {width:400px;} .container .eight.columns {width:460px;} .container .nine.columns {width:520px;} .container .ten.columns {width:580px;} .container .eleven.columns {width:640px;} .container .twelve.columns {width:700px;} .container .thirteen.columns {width:760px;} .container .fourteen.columns {width:820px;} .container .fifteen.columns {width:880px;} .container .sixteen.columns {width:940px;} .container .one-third.column {width:300px;} .container .two-thirds.column {width:620px;} /* Offsets */ .container .offset-by-one {padding-left:60px;} .container .offset-by-two {padding-left:120px;} .container .offset-by-three {padding-left:180px;} .container .offset-by-four {padding-left:240px;} .container .offset-by-five {padding-left:300px;} .container .offset-by-six {padding-left:360px;} .container .offset-by-seven {padding-left:420px;} .container .offset-by-eight {padding-left:480px;} .container .offset-by-nine {padding-left:540px;} .container .offset-by-ten {padding-left:600px;} .container .offset-by-eleven {padding-left:660px;} .container .offset-by-twelve {padding-left:720px;} .container .offset-by-thirteen {padding-left:780px;} .container .offset-by-fourteen {padding-left:840px;} .container .offset-by-fifteen {padding-left:900px;} } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .container{width:300px;} .container .columns, .container .column{margin:0;} .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column{width:300px;} /* Offsets */ .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen{padding-left:0;} } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container{width:420px;} .container .columns, .container .column{margin:0;} .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column{width:420px;} } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;} /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;} .row:after, .clearfix:after{clear:both;} .row, .clearfix{zoom:1;} /* You can also use a
to clear columns */ .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;} /* Base Styles –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* NOTE html is set to 62.5% so that all the REM measurements throughout Skeleton are based on 10px sizing. So basically 1.5rem = 15px :) */ html{font-size:62.5%;} body{font-size:1.5em;/* currently ems cause chrome bug misinterpreting rems on body element */ line-height:1.6;font-weight:400;font-family:"Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#222;} /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ h1, h2, h3, h4, h5, h6{margin-top:1rem;margin-bottom:0.5rem;font-weight:300;color:#000;} h1{font-size:4.0rem;line-height:1.2;letter-spacing:-.1rem;} h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem;} h3{font-size:3.0rem;line-height:1.3;letter-spacing:-.1rem;} h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem;} h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem;} h6{font-size:1.5rem;line-height:1.6;letter-spacing:0;} /* Larger than phablet */ @media(min-width:550px){ h1{font-size:5.0rem;} h2{font-size:4.2rem;} h3{font-size:3.6rem;} h4{font-size:3.0rem;} h5{font-size:2.4rem;} h6{font-size:1.5rem;} } p{margin-top:0;} /* Links –––––––––––––––––––––––––––––––––––––––––––––––––– */ a{color:#1EAEDB;} a:hover{color:#0FA0CE;} /* Buttons –––––––––––––––––––––––––––––––––––––––––––––––––– */ .button, button, input[type="submit"], input[type="reset"], input[type="button"]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box;} .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus{color:#333;border-color:#888;outline:0;} .button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary{color:#FFF;background-color:#AD794E;border-color:#AD794E;} .button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus{color:#FFF;background-color:#000;border-color:#000;} /* Forms –––––––––––––––––––––––––––––––––––––––––––––––––– */ input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select{height:38px;padding:6px 10px;/* The 6px vertically centers text on FF, ignored by Webkit */ background-color:#fff;border:1px solid #D1D1D1;border-radius:4px;box-shadow:none;box-sizing:border-box;} /* Removes awkward default styles on some inputs for iOS */ input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;} textarea{min-height:65px;padding-top:6px;padding-bottom:6px;} input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus{border:1px solid #33C3F0;outline:0;} label, legend{display:block;margin-bottom:.5rem;font-weight:600;} fieldset{padding:0;border-width:0;} input[type="checkbox"], input[type="radio"]{display:inline;} label > .label-body{display:inline-block;margin-left:.5rem;font-weight:normal;} /* Lists –––––––––––––––––––––––––––––––––––––––––––––––––– */ ul{list-style:circle inside;} ol{list-style:decimal inside;} ol, ul{padding-left:0;margin-top:0;} ul ul, ul ol, ol ol, ol ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%;} li{margin-bottom:1rem;} /* Code –––––––––––––––––––––––––––––––––––––––––––––––––– */ code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#F1F1F1;border:1px solid #E1E1E1;border-radius:4px;} pre > code{display:block;padding:1rem 1.5rem;white-space:pre;} /* Tables –––––––––––––––––––––––––––––––––––––––––––––––––– */ th, td{padding:12px 15px;text-align:left;border-bottom:1px solid #E1E1E1;} th:first-child, td:first-child{padding-left:0;} th:last-child, td:last-child{padding-right:0;} /* Spacing –––––––––––––––––––––––––––––––––––––––––––––––––– */ button, .button{margin-bottom:1rem;} input, textarea, select, fieldset{margin-bottom:1.5rem;} pre, blockquote, dl, figure, table, p, ul, ol, form{margin-bottom:2.5rem;} /* Utilities –––––––––––––––––––––––––––––––––––––––––––––––––– */ .u-full-width{width:100%;box-sizing:border-box;} .u-max-full-width{max-width:100%;box-sizing:border-box;} .u-pull-right{float:right;} .u-pull-left{float:left;} /* Misc –––––––––––––––––––––––––––––––––––––––––––––––––– */ hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #E1E1E1;} /* Clearing –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Self Clearing Goodness */ .container:after, .row:after, .u-cf{content:"";display:table;clear:both;} /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html{font-family:sans-serif;/* 1 */ -ms-text-size-adjust:100%;/* 2 */ -webkit-text-size-adjust:100%;/* 2 */} /** * Remove default margin. */ body{margin:0;font:300 13px "Roboto Slab", Arial;color:#111;line-height:1.8em;} /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display:block;} /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video{display:inline-block;/* 1 */ vertical-align:baseline;/* 2 */} /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]){display:none;height:0;} /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template{display:none;} /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a{background-color:transparent;text-decoration:none;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear;color:#444;} /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover{outline:0;color:#AD794E;text-decoration:underline;} /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title]{border-bottom:1px dotted;} /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong{font-weight:bold;} /** * Address styling not present in Safari and Chrome. */ dfn{font-style:italic;} /** * Change h1-h6 font family * contexts in Firefox 4+, Safari, and Chrome. */ h1,h2,h3,h4,h5,h6{font-family:"Sorts Mill Goudy",Arial;letter-spacing:0;word-wrap:break-word;} /** * Address styling not present in IE 8/9. */ mark{background:#ff0;color:#000;} /** * Address inconsistent and variable font size in all browsers. */ small{font-size:80%;} /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img{border:0;} /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root){overflow:hidden;} /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure{margin:1em 40px;} /** * Address differences between Firefox and other browsers. */ hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;} /** * Contain overflow in all browsers. */ pre{overflow:auto;} /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp{font-family:monospace, monospace;font-size:1em;} /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea{color:inherit;/* 1 */ font:inherit;/* 2 */ margin:0;/* 3 */} /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button{overflow:visible;} /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select{text-transform:none;} /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"]{-webkit-appearance:button;/* 2 */ cursor:pointer;/* 3 */} /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled]{cursor:default;} /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;} /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input{line-height:normal;} /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"]{box-sizing:border-box;/* 1 */ padding:0;/* 2 */} /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height:auto;} /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"]{-webkit-appearance:textfield;/* 1 */ -moz-box-sizing:content-box;-webkit-box-sizing:content-box;/* 2 */ box-sizing:content-box;} /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} /** * Define consistent border, margin, and padding. */ fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;} /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend{border:0;/* 1 */ padding:0;/* 2 */} /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea{overflow:auto;} /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup{font-weight:bold;} /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table{border-collapse:collapse;border-spacing:0;border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.6em;table-layout:fixed;/* Prevents HTML tables from becoming too wide */ width:100%;} td, th, .entry-content th:first-child, .entry-content td:first-child, li th:first-child, li td:first-child{padding:0.4em;} table, th, td{border:1px solid #eaeaea;border:1px solid rgba(51, 51, 51, 0.1);} /* DL ========================================================================== */ dl{margin-bottom:1.6em;} dt{font-weight:bold;} dd{margin-bottom:1.6em;margin-left:0;} /* Miscellaneous ========================================================================== */ .hide{display:none;} address{margin-bottom:20px;} abbr[title]{cursor:help;font-weight:bold;} Acronym{font-weight:bold;text-transform:uppercase;} pre{ border:1px solid #eee; padding:1.2rem; } q{font-size:2.4rem;display:block;margin:10px 0;} p:last-child{margin-bottom:0;} blockquote{font-size:1.3em;margin:10px 0;position:relative;padding-left:60px;padding-right:60px;line-height:1.5em;height:auto;overflow:hidden;clear:both;font-family:Georgia, "Times New Roman", Times, serif;} blockquote p{margin:0;} blockquote:before{display:block;content:"\201C";line-height:1;font-size:6em;position:absolute;left:0px;top:-0.1em;color:#ddd;} blockquote:after{display:block;content:"\201D";line-height:1;font-size:6em;position:absolute;right:0px;bottom:-45px;color:#ddd;} /* ---------------------------------------------------- [Main.css] 1. Top Bar / #topbar - 1.1 Social Icons - 1.2 Tools 2. Header / #top - 2.1 LOGO /#logo - 2.2 Navigation / #primary_menu - 2.3 Shrinked LOGO & Navigation / .shrinked - 2.4 Sub Menu - 2.5 Pushy Menu - 2.6 Mega Menu 3. Slider / #slider 4. Main Content / #main - 4.1 Post / .post - 4.2 Masonry Blog / #masonry_blog - 4.3 Standard Blog / #standard_blog - 4.4 Scrolling_posts / .scrolling_posts 5. Side Bar / #sidebar - 5.1 Post list / .post_list 6. Bottom Widget / #bottom_widget 7. Footer /#footer 8. Widget /.widget - 8.1 Post List / .post_list - 8.2 AD / .ad_250x250,.ad_300x300 - 8.3 Gallery Widget / .gallery_widget - 8.4 Tag Cloud / .tagcloud - 8.5 Latest Comments - 8.6 Author Widget - 8.7 Author Info 9. Popup / #popup_window 10. UI Elements 11. Comments and Responsive 12. Pages -12.1 Contact page 13. WordPress Default Styles 14. Boxed Style ------------------------------------------------------*/ #body-container{position:relative;} /* 1. Top Bar / #topbar =================================================*/ #topbar{width:100%;height:50px;line-height:50px;background:#fff;z-index:200;border-bottom:1px solid #ddd;} /* - 1.1 Social Icons*/ #topbar .social_icons{max-width:500px;float:left;margin-left:20px;margin-top:0;} .social_icons a{color:#666;margin-right:8px;} .social_icons a:hover{color:#333;} .social_icons.big-size a{font-size:3rem;margin-right:12px;} #topbar .menu_button{float:left;margin:0 0 0 25px;} #topbar .menu_button_status{display:none;} #topbar .menu_button_status a{color:#000;} /* - 1.2 Tools*/ #topbar #tools{max-width:200px;float:right;margin-right:20px;} #topbar #tools a{display:inline-block;border:1px solid #ccc;min-width:25px;height:25px;line-height:25px;text-align:center;margin:auto 0;color:#666;font-size:1.2rem;background:#fff;margin-left:-5px;padding-left:3px;} a.user_btn_logged i{color:#45b52f;} a.user_btn_logged:hover{background:#fff;} #topbar #tools a.languages_btn{padding:0 10px;margin-left:5px;} #topbar #tools a:hover{background:#AD794E;border:1px solid #AD794E;color:#fff;text-decoration:none;} #topbar #tools a i{margin-right:5px;} #topbar.transparent{background:none;border-color:rgba(255,255,255,.1);position:fixed;z-index:100;top:0;} #topbar.transparent .menu_button a, #topbar.transparent #tools > a{background:none;color:#fff;border-color:rgba(255,255,255,.15);} #topbar.transparent .menu_button a:hover{opacity:.6;} #topbar.transparent #tools a:hover{background:#fff;color:#000;border-color:rgba(255,255,255,.1);} /* 2. Header / #top =================================================*/ #top{width:100%;height:120px;z-index:100;position:relative;background:#fff;margin-bottom:80px;padding-top:10px;padding-bottom:50px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear;} /* - 2.1 LOGO / .logo */ div.logo{display:none;} #single_header .logo{display:block;} .logo a{width:150px;height:150px;display:block;margin:30px auto;text-indent:-1000000px;background-size:150px auto;background:url(//channelingerik.com/wp-content/themes/miao/assets/images/logo.png) center center no-repeat;} @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and ( min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and ( min-device-pixel-ratio: 2),{ .logo a{background-image:url(//channelingerik.com/wp-content/themes/miao/assets/images/logo@2x.png);background-size:100%;background-position:center;} } /* - 2.2 Navigation / #primary_menu */ #primary_menu{width:1200px;height:110px;margin:auto;} #primary_menu ul{text-align:center;} #primary_menu ul li{display:inline-block;padding:10px 15px;position:relative;} #primary_menu ul li.logo{width:150px;height:100px;margin:0 40px;} #primary_menu ul li.logo a{margin:0;position:absolute;top:40px;background-size:100%;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear;} #primary_menu ul li a{color:#222;font:normal 2.2rem "Sorts Mill Goudy",Arial;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear;} #primary_menu ul li.current-menu-item a, #primary_menu ul li a:hover{color:#AD794E;text-decoration:none;} /* - 2.3 Shrinked LOGO & Navigation / .shrinked */ .shrinked#top{height:100px;position:fixed;top:0;z-index:200;padding-bottom:0;} .shrinked .logo a{width:120px;height:120px;background-size:100%;} .shrinked #primary_menu ul li.logo{width:120px;height:50px;} .shrinked #primary_menu ul li.logo a{top:0;} .shrinked #primary_menu ul li a{font-size:1.8rem;} /* - 2.4 Sub Menu */ #primary_menu ul .sub-menu{padding:0;min-width:200px;width:auto;top:30px;left:-90px;background:#fff;border:1px solid #222;position:absolute;display:none;z-index:2;} #primary_menu ul ul.sub-menu li{border-bottom:1px solid #eee;font-size:1.6rem;float:none;margin-bottom:0;position:relative;width:80%;margin-left:0;} #primary_menu ul ul.sub-menu li:last-child{border:none;} #primary_menu ul ul.sub-menu li.up-arrow, #primary_menu ul li div.mega-menu .up-arrow{width:0;height:0;padding:0;display:block;margin:-7px auto 0;background:none;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #222;} #primary_menu ul ul.sub-menu li a{color:#000;font-size:1.6rem;display:block;} #primary_menu ul ul.sub-menu ul.sub-menu{top:-19px;left:114px;} /* - 2.5 Pushy Menu*/ .pushy{position:fixed;width:300px;height:100%;top:0;z-index:9999;background:#222;font-size:0.9em;font-weight:bold;-webkit-box-shadow:inset -10px 0 6px -9px rgba(0, 0, 0, .7);-moz-box-shadow:inset -10px 0 6px -9px rgba(0, 0, 0, .7);box-shadow:inset -10px 0 6px -9px rgba(0, 0, 0, .7);overflow:hidden;-webkit-overflow-scrolling:touch;/* enables momentum scrolling in iOS overflow elements */} .pushy a{display:block;color:#b3b3b1;padding:10px 30px;border-bottom:1px solid rgba(0, 0, 0, .1);border-top:1px solid rgba(255, 255, 255, .1);text-decoration:none;font:normal 1.5rem "Sorts Mill Goudy","Open Sans",Arial;} .pushy a:hover{background:#333;color:#FFF;} .pushy ul{margin:0;padding:0;} .pushy ul li{list-style:none;margin-bottom:0;} .pushy ul.sub-menu{text-indent:15px;} .pushy ul.sub-menu ul{text-indent:30px;} /* Menu Movement */ .pushy-left{-webkit-transform:translate3d(-300px,0,0);-moz-transform:translate3d(-300px,0,0);-ms-transform:translate3d(-300px,0,0);-o-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0);} .pushy-open{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .container-push, .push-push{-webkit-transform:translate3d(300px,0,0);-moz-transform:translate3d(300px,0,0);-ms-transform:translate3d(300px,0,0);-o-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0);} /* Menu Transitions */ .pushy, #body-container, .push{-webkit-transition:-webkit-transform .2s cubic-bezier(.16, .68, .43, .99);-moz-transition:-moz-transform .2s cubic-bezier(.16, .68, .43, .99);-o-transition:-o-transform .2s cubic-bezier(.16, .68, .43, .99);transition:transform .2s cubic-bezier(.16, .68, .43, .99);} /* Site Overlay */ .site-overlay{display:none;} .pushy-active .site-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background-color:rgba(0,0,0,0.5);-webkit-animation:fade 500ms;-moz-animation:fade 500ms;-o-animation:fade 500ms;animation:fade 500ms;} @keyframes fade{ 0%{opacity:0;} 100%{opacity:1;} } @-moz-keyframes fade{ 0%{opacity:0;} 100%{opacity:1;} } @-webkit-keyframes fade{ 0%{opacity:0;} 100%{opacity:1;} } @-o-keyframes fade{ 0%{opacity:0;} 100%{opacity:1;} } /* Example Media Query */ @media screen and (max-width:768px){ .pushy{font-size:1.0em;} } /* - 2.6 Mega Menu*/ #primary_menu ul div.mega-menu{width:600px;left:-240px;top:50px;z-index:2;} #primary_menu ul div.mega-menu .mega-menu-posts{margin:20px;padding:0;} #primary_menu ul div.mega-menu ul.mega-menu-posts li{float:left;width:32%;margin-right:10px;margin-bottom:10px;padding:0;border:none;} #primary_menu ul div.mega-menu ul.mega-menu-posts li h6 a{font-size:1.3rem;} #primary_menu ul div.mega-menu ul.mega-menu-posts li:last-child{margin-right:0;} #primary_menu ul div.mega-menu ul.mega-menu-posts li .thumbnail{max-height:120px;margin-bottom:10px;overflow:hidden;} /*Narrow mega menu*/ #primary_menu ul div.mega-menu.narrow{width:120px;left:-70px;z-index:2;} #primary_menu ul div.mega-menu.narrow ul.mega-menu-posts li{fliat:none;width:100%;border-bottom:1px solid #eee;text-align:left;margin-bottom:20px;padding-bottom:10px;} #primary_menu ul div.mega-menu.narrow ul.mega-menu-posts li .thumbnail{float:left;width:50px;height:50px;margin-right:10px;max-height:200px;} #primary_menu ul div.mega-menu.narrow ul.mega-menu-posts li .thumbnail img{width:70px;max-width:300px;height:auto;} #primary_menu ul div.mega-menu.narrow ul.mega-menu-posts li h6{margin:0;padding:0;} #primary_menu ul div.mega-menu.narrow ul.mega-menu-posts li h6 a{font-size:14px;} /* 3. Slider / #slider =================================================*/ #slider{width:100%;min-height:100px;background-size:cover;margin:80px auto -70px;overflow:hidden;position:relative;} #single_header #slider{margin-top:0;} #slider img, #slider iframe{width:100%;height:auto;} #slider iframe{min-height:500px;} #slider a{color:#000;text-decoration:none;} .overlay{background:#000;opacity:.3;position:absolute;top:50%;left:50%;display:block;text-align:center;} /* 4. Main Content / #main =================================================*/ #miao_content{margin-top:120px;min-height:200px;} .single #miao_content{margin-top:50px;} #main{overflow:hidden;margin-top:10px;} #breadcrumbs{border:1px solid #ddd;border-width:1px 0;margin:0 auto 60px;padding:10px 0 0;overflow:hidden;float:none;} #breadcrumbs .navi{float:right;margin-top:5px;} #breadcrumbs i{margin-right:5px;} #breadcrumbs .sep{margin:0 10px;color:#ccc;} #breadcrumbs .current{color:#999;} #breadcrumbs .goback{float:left;border:1px solid #ddd;padding:5px 10px;border-radius:20px;margin-bottom:10px;} #breadcrumbs .goback:hover{text-decoration:none;background:#AD794E;color:#fff;} .archive_title, .alaya_heading{text-align:center;} .archive_title{font-size:5rem;margin:120px 0 -40px;} .single-product .archive_title{margin-bottom:50px;} .archive_title span, .alaya_heading span{padding-bottom:15px;background:url(//channelingerik.com/wp-content/themes/miao/assets/images/separator.png) no-repeat center bottom;} h2.alaya_heading{margin:30px 0 80px;} h3.alaya_heading{margin:30px 0 60px;} h4.alaya_heading{margin:60px 0 40px;} h5.alaya_heading{margin:20px 0 20px;} h6.alaya_heading{margin:10px 0 10px;} .channel .channel_title{margin-bottom:1.25rem;} .channel .channel_title a{color:#AD794E;border-bottom:1px solid #AD794E;} .channel .channel_title a:hover{color:#000;text-decoration:none;} /* - 4.1 Post / .post*/ #single_header{min-height:300px;max-height:100%;height:auto;overflow:hidden;margin-bottom:-80px;position:relative;background:#222;background-repeat:no-repeat;background-attachment:fixed;} #single_header img{width:100%;height:auto;} #single_header .header_title{z-index:9;position:absolute;top:50%;left:50%;color:#fff;width:80%;text-align:center;margin-left:-40%;max-height:80%;} #single_header .header_title h1, #single_header .header_title .page_title a, #single_header .entry-meta span{color:#fff;} #single_header .header_title .page_title{margin-bottom:0px;font:normal 10.5rem "Sorts Mill Goudy",Arial;} #single_header.small .header_title .page_title{font-size:5rem;} #single_header .header_title .page_title a:hover{text-decoration:none;} #single_header .tagline{width:50%;margin:0 auto;} #single_header .tagline span{border:1px solid #fff;border-width:1px 0;padding:10px 0;font:normal 2.5rem "Sorts Mill Goudy",Arial;} #single_header #start-read{font-size:4rem;position:absolute;bottom:40px;left:50%;margin-left:-2rem;color:#fff;} .post .entry-title{text-transform:capitalize;text-align:center;margin-top:20px;line-height:1.24;} .masonry_blog .post .entry-title{font-size:2.4rem;} .post .entry-title a{color:#000;} .post .entry-title a:hover{color:#AD794E;} .single .post .entry-title{font-size:3.5rem;} .post .post_format_icon{text-align:center;font-size:2.5rem;color:#000;} .post .thumbnail{width:100%;max-height:500px;height:auto;overflow:hidden;position:relative;} .masonry .post .thumbnail{max-height:800px;} .post .thumbnail .overlay{opacity:.1;background:#fff;} .post .thumbnail .overlay:hover{opacity:.4;background:#000;} .post .thumbnail .overlay i{color:#fff;font-size:36px;margin-top:30%;} .post .thumbnail img, .post .thumbnail iframe{width:100%;height:auto;} .post .thumbnail iframe{min-height:290px;} .headline .post .thumbnail iframe{min-height:500px;} #standard_blog .post .thumbnail iframe, #standard_blog_full .post .thumbnail iframe{min-height:450px;} .entry-meta{text-align:center;} .entry-meta, .entry-meta a{color:#aaa;font-size:1rem;} .entry-meta span{margin-right:10px;} .entry-meta span:after{content:"/";margin-left:10px;color:#ccc;} .entry-meta span i{margin-right:5px;} .entry-meta span:last-child:after{content:"";} .entry-content a{color:#AD794E;} .entry-content img{width:auto;max-width:100%;height:auto;} .entry-content p{line-height:2em;} .entry-content label{display:inline;} .entry-content ul li, .entry-content ol li{margin-bottom:20px;line-height:2em;} .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{margin-bottom:1.5rem;font-weight:bold;} .entry-content h1, .comment-list li h1{font-size:2.6rem;} .entry-content h2, .comment-list li h2{font-size:2.4rem;} .entry-content h3, .comment-list li h3{font-size:2.2rem;} .entry-content h4, .comment-list li h4{font-size:2rem;} .entry-content h5, .comment-list li h5{font-size:1.8rem;} .entry-content h6, .comment-list li h6{font-size:1.6rem;} .post .entry-content{margin:35px 0;} .single .post .entry-content{font-size:1.5rem;} .post .entry-content blockquote, .comment-list li blockquote{font:normal 2rem "Sorts Mill Goudy",Arial;color:#000;position:relative;padding:0 40px;margin:40px 0;} .comment-list li blockquote{margin:20px 0;} .post .entry-content blockquote:before, .comment-list li blockquote:before{display:block;content:"\201C";line-height:1;font-size:6rem;position:absolute;left:0px;top:-0.1em;color:#ddd;font-family:Georgia, "Times New Roman", Times, serif;} .post .entry-content blockquote:after, .comment-list li blockquote:after{display:block;content:"\201D";line-height:1;font-size:6rem;position:absolute;right:0px;bottom:-35px;color:#ddd;font-family:Georgia, "Times New Roman", Times, serif;} .single .entry-content blockquote{font-size:2.2rem;} .post .entry-content.single-header-content{font:normal 2rem "Sorts Mill Goudy",Arial;} .post .entry-content.single-header-content blockquote{font-size:2.5rem;} .post .entry-tools{margin:30px auto -15px;} .post .entry-tools a{color:#aaa;margin-right:20px;} .post .entry-tools a:hover{color:#AD794E;text-decoration:none;} .post .entry-tools a.morelink{float:right;font-style:italic;} #standard_blog_full .post.sticky{padding:20px;border:1px solid #eee;} .post.sticky{position:relative;} .post.sticky .sign{position:absolute;top:0;left:0;text-transform:uppercase;padding:0 10px;min-width:60px;width:auto;height:30px;line-height:30px;text-align:center;color:#fff;z-index:2;background:#ff8e2b;} .headline .post.sticky{padding:0;} .post.sticky .entry-title{font-size:3.6rem;} .post.sticky .entry-tools{margin-bottom:0;} .taglist{margin-top:50px;} .taglist a{border:1px solid #ddd;margin:0 0 10px 10px;padding:5px 10px;} /*Post Slider*/ .post_slider.flexslider{border:none;width:100%;height:500px;overflow:hidden;margin-bottom:20px;} .post_slider.flexslider .flex-control-nav{bottom:-0px;} .post_slider.flexslider .flex-control-nav li{padding:0;} .post_slider.flexslider .flex-control-paging li a{background:#ccc;} .post_slider.flexslider .flex-control-paging li a.flex-active{background:#AD794E;} .masonry_blog .post_slider.flexslider, .channel .post_slider.flexslider{height:250px;overflow:hidden;} .post_slider.flexslider.no_height{/*height:50px;*/} .post_slider.flexslider .slides img{max-width:100%;height:auto;width:auto;display:block;margin:auto;} /*Section title in the post page*/ .section-title, .comment-reply-title, .comment-title{font-size:20px;margin-bottom:30px;color:#222;text-transform:uppercase;} /*Post Navi*/ .post_navi{border-bottom:1px solid #eee;padding-bottom:90px;margin-top:-10px;} .post_navi item{width:40%;} .post_navi a{font:normal 2rem "Sorts Mill Goudy",Arial;} .post_navi a.next{text-align:right;} .post_navi span{display:block;color:#ccc;font-style:italic;} /*Related Posts*/ .related-posts{margin:10px 0 50px;padding:20px 0 40px;border-bottom:1px solid #eee;} .related-posts .grids .item{float:left;width:32%;margin:0 2% 0 0;} .related-posts .grids .item i{font-size:25px;} .related-posts .grids .item .thumbnail{max-height:180px;margin-bottom:20px;overflow:hidden;} .related-posts .grids .item:nth-child(3n+3){margin-right:0;} /*Author info*/ #author_vcard{padding:10px 0;max-width:100%;height:auto;overflow:hidden;margin:-20px auto 50px;border-bottom:1px solid #eee;} #author_vcard .author-title{margin-bottom:40px;} #author_vcard img{float:left;margin-right:20px;width:80px;height:80px;border-radius:200%;} #author_vcard p{float:none;margin-top:0;color:#666;font-size:13px;line-height:20px;text-align:left;} #author_vcard p strong{display:block;font-size:18px;color:#000;margin-bottom:10px;} #author_vcard .social_icons{text-align:left;display:block;} /* - 4.2 Masonry Blog / #masonry_blog*/ .three_columns{width:32.01%;} .two_columns{width:48%;} .masry{width:101.06%;margin:auto;float:none;overflow:hidden;} .masry .grid{opacity:0;float:left;margin-left:0;margin-right:1.32%;} .masonry_blog .post{margin-bottom:50px;} .masonry_blog .post .post_format_icon{margin-top:10px;} .masonry_blog .container .six.columns{width:425px;} /*Channels*/ .masonry_channel .channel{margin-bottom:20px;margin-right:1.32%;} .headline{border-bottom:1px #eee solid;margin-right:0;padding-bottom:10px;margin-bottom:30px;width:100%;} .masonry_channel .channel.headline .post{border:none;padding-bottom:0;} .masonry_channel .channel .post{border-bottom:1px solid #eee;padding-bottom:25px;margin-bottom:10px;} .masonry_channel_3col .channel .post{margin:0 0 20px 0;} .masonry_channel .post .thumbnail img{width:100%;} .masonry_channel .post .post_format_icon{margin-top:30px;} /*Masonry animate*/ .masry .grid.shown, .no-js .masry .grid, .no-cssanimations .masry .grid{opacity:1;} /* Effect 1: opacity */ .masry.effect-1 .grid.animate{-webkit-animation:fadeIn 0.65s ease forwards;animation:fadeIn 0.65s ease forwards;} @-webkit-keyframes fadeIn { 0%{} 100%{opacity:1;} } @keyframes fadeIn { 0%{} 100%{opacity:1;} } /* Effect 2: Move Up */ .masry.effect-2 .grid.animate{-webkit-transform:translateY(200px);transform:translateY(200px);-webkit-animation:moveUp 0.65s ease forwards;animation:moveUp 0.65s ease forwards;} @-webkit-keyframes moveUp { 0%{} 100%{-webkit-transform:translateY(0);opacity:1;} } @keyframes moveUp { 0%{} 100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;} } /* - 4.3 Standard Blog / #standard_blog*/ #standard_blog_full{margin:0 auto;float:none;display:block;} #standard_blog_full .post, #standard_blog .post{margin-bottom:50px;} #standard_blog_full .post, #standard_blog .post{border-bottom:1px solid #ddd;padding-bottom:20px;} #standard_blog_full .related-posts .grids .post.item{border:none;padding-bottom:0px;margin-bottom:0;} /* - 4.4 Scrolling Posts / .scrolling_posts */ .scrolling_posts.flexslider{min-height:300px;height:auto;overflow:hidden;margin-bottom:30px;position:relative;border-bottom:1px solid #eee;padding-bottom:30px;} .scrolling_posts header.horizontal{height:60px;} .scrolling_posts header.vertical{height:180px} .scrolling_posts header.horizontal h5{text-align:left;font-size:2.5rem;} .scrolling_posts header.horizontal h5 span{background:none;padding-bottom:0;border-bottom:2px solid #000;} .scrolling_posts header.vertical h5{text-align:center;font-size:4rem;margin-top:20px;margin-bottom:20px;} .scrolling_posts header.horizontal .controlNav{float:right;margin-top:-90px;margin-right:10px;} .scrolling_posts header.vertical .controlNav{float:none;width:70px;margin:60px auto 0;} .scrolling_posts header .controlNav a{border:1px solid #000;padding:5px 10px;} .scrolling_posts .blog-post{width:32.5%;margin-right:10px;float:left;} .scrolling_posts .blog-post:last-child{margin-right:0;} .scrolling_posts .blog-post span{margin-top:10px;} .scrolling_posts .blog-post span a{color:#999;} .scrolling_posts .blog-post h4{font-size:2rem;margin-top:5px;color:#000;} .scrolling_posts .blog-post .thumbnail{max-height:300px;overflow:hidden;margin-bottom:20px;} .scrolling_posts .blog-post .thumbnail img{width:130%;max-width:150%;height:auto;} /* 5. Side Bar / #sidebar =================================================*/ #sidebar{overflow:hidden;margin-top:10px;padding-bottom:100px;} /* 6. Bottom Widget / #bottom_widget =================================================*/ #bottom_widget{padding:30px 0;margin-top:50px;background:#fdfdfd;position:relative;z-index:3;} #bottom_widget .columns .widget:last-child{margin-bottom:0;} /* 7. Footer /#footer =================================================*/ #footer{height:40px;background:#fff;border-top:1px solid #ddd;padding:20px 0 0;color:#aaa;font-size:1rem;overflow:hidden;} #footer .footer_menu{text-align:right;} #footer .footer_menu li{display:inline-block;list-style:none;} #footer .footer_menu a{margin-right:10px;} #side_tools{position:fixed;right:4px;top:50%;z-index:100;width:10px;height:auto;background:#fff;border:1px solid #ddd;padding:5px 10px;display:none;} #side_tools a{display:block;border-bottom:1px solid #ddd;padding-bottom:5px;margin-bottom:5px;} /* 8. Widget /.widget =================================================*/ .widget{margin:0 auto 40px;width:100%;height:auto;overflow:hidden;} .widget .widget_title, .widget-title{margin:0 auto 20px;padding-bottom:10px;border-bottom:1px solid #ddd;text-transform:uppercase;} .widget-title{font-size:1.8rem;} .widget ul{margin-left:10px;padding-left:8px;} .widget ul li{line-height:1.5em;margin-bottom:10px;list-style:circle;font:normal 1.5rem "Sorts Mill Goudy",Arial;} .textwidget img{max-width:100%;height:auto;} /* - 8.1 Post list / .post_list */ ul.post_list{margin:0;padding:0;} .masonry_channel .channel .post_list{padding:20px 0 20px;border:1px solid #eee;border-width:0 0 1px;list-style:none;} .widget .post_list li{height:70px;overflow:hidden;list-style:none;} .post_list li:last-child{margin-bottom:0;} .post_list li a.thumbnail{float:left;display:block;width:60px;height:60px;overflow:hidden;margin:2px 10px 0px 0;} .post_list li a.thumbnail img{width:100px;max-width:120px;height:auto;} .post_list li a.post_title{font:normal 14px "Sorts Mill Goudy",Arial;color:#000;} .post_list li a.post_title:hover{color:#AD794E;} .masonry_channel .channel .post_list li a.post_title{width:90%;display:block;} .post_list li p{margin-top:0;font-style:italic;color:#aaa;font-size:11px;} /* - 8.2 AD / .ad_250x250,.ad_300x300 */ .ad_background{width:100%;height:auto;background:#f6f6f6;padding:12px 0;} .ad_250x250{width:250px;height:250px;line-height:250px;} .ad_300x300{width:250px;height:250px;line-height:250px;} .ad_250x250,.ad_300x300{text-align:center;background:#fff;color:#ccc;margin:auto;} .widget_alaya_ad img{width:100%;} /* - 8.3 Gallery Widget / .gallery_widget */ .gallery_widget a{width:30.9%;height:60px;margin:0 10px 10px 0;display:block;float:left;overflow:hidden;} .gallery_widget a:nth-child(3n+3){margin-right:0;} .gallery_widget a img{width:120%;height:auto;} /* - 8.4 Tag Cloud / .tagcloud */ .tagcloud a{border:1px solid #ddd;padding:5px 10px;display:inline-block;margin:0 2px 5px 0;text-transform:capitalize;font:normal 1.25rem "Sorts Mill Goudy",Arial;} .tagcloud a:hover{border-color:#AD794E;} /* - 8.5 Latest Comments */ .widget_alaya_recent_comments ul{padding:0;margin:0;} .widget_alaya_recent_comments li figure{margin:0;} .widget_alaya_recent_comments li figure img{float:left;margin-right:10px;border-radius:200px;} .widget_alaya_recent_comments li figure .comment-author-name{font-size:16px;} .widget_alaya_recent_comments li .comment-post{font-size:12px;color:#999;border-bottom:1px dotted #999;} .widget_alaya_recent_comments li .comment-text{font-size:1.4rem;border:1px solid #ddd;padding:10px 10px;margin:20px 0 30px;position:relative;} .widget_alaya_recent_comments li .comment-text .up-arrow{width:0;height:0;padding:0;display:block;position:absolute;top:-8px;left:12px;background:none;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ddd;} .boxed .widget_alaya_recent_comments li .comment-text .up-arrow{top:-18px;left:5px;} /* 8.6 Author Widget*/ .widget_alaya_author ul{margin:0 0 0 1px;padding:0;} .widget.widget_alaya_author ul li{list-style:none;float:left;text-align:center;margin:0 2% 2% 0;width:32%;height:40%;} .widget.widget_alaya_author ul li:nth-child(3n+3){margin-right:0;} .widget.widget_alaya_author ul li img{width:100px;height:auto;} /* 8.7 Author Intro*/ .author_intro{background:#f8f8f8;padding:20px;width:80%;} .widget.author_intro .widget_title{font-size:1.8rem;text-align:center;margin-top:10px;} /* 9. Popup Window / #popup_window =================================================*/ #popup_window{width:700px;min-height:100px;height:auto;background:#fff;position:fixed;top:50%;left:50%;z-index:999;padding:30px;box-shadow:0 0 5px #333;border-radius:5px;margin:-50px 0 0 -350px;} #popup_window h3{text-transform:capitalize;margin-top:0px;margin-bottom:20px;text-align:center;} #popup_window h3 a{margin-left:10px;font-size:2rem;text-decoration:underline;color:#AD794E;} #popup_window h3 a:hover{color:#000;} #popup_login .content{width:80%;margin:auto;overflow:hidden;} #popup_window #popup_login{text-align:center;} #popup_window .close_popup{float:right;margin-top:-20px;margin-right:-10px;font-size:16px;} #popup_window .language_list, #popup_window .dashboard_items{text-align:center;margin:30px auto -10px;display:block;} #popup_window .language_list li{display:inline-block;list-style:none;margin:0 20px 20px 0;} #popup_window .language_list li a{border:1px solid #eee;padding:5px 10px;} #popup_window .language_list li a:hover, #popup_window .dashboard_items li a:hover{text-decoration:none;border-color:#AD794E;} #popup_window .dashboard_items li{display:inline-block;text-align:center;font-size:1.4rem;margin:0 20px 20px 0;} #popup_window .dashboard_items li a{border:1px solid #eee;padding:15px;display:block;} #popup_window .dashboard_items li a i{display:block;margin-bottom:5px;font-size:1.8rem;} .page_mask,.mask{width:100%;height:100%;background:#000;opacity:.6;position:fixed;top:0;left:0;z-index:998;} .mask{z-index:0;position:absolute;} #popup_window, .page_mask, #popup_window #popup_login, #popup_window #popup_cart, #popup_window #popup_search, #popup_window #popup_lang, #popup_window #popup_dashboard{display:none;} /* 10. UI Elements style ==========================================*/ .loading{width:45px;height:45px;position:absolute;z-index:4;top:50%;left:50%;margin:40px 0 0 -22px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;} .loading i{font-size:36px;color:#fff;} form.popup_form{margin-bottom:0;} #popup_login input[type="text"]{margin-bottom:10px;} /*Pagination*/ .alaya_pagenavi{text-align:center;margin:40px 0 50px;} .alaya_pagenavi a.page-numbers, .alaya_pagenavi span{border:1px solid #ccc;border-radius:2px;padding:0px 15px;line-height:30px;display:inline-block;margin:0;text-align:center;background:#fff;} .alaya_pagenavi span, .alaya_pagenavi a.page:hover{background:#AD794E;border:1px solid #AD794E;color:#fff;text-decoration:none;} .alaya_loader{width:50px;height:50px;position:absolute;top:50%;left:50%;margin:-25px 0 0 -12px;background:#fff;color:#000;border-radius:5px;font-size:2.5rem;text-align:center;line-height:50px;} /*Share list*/ .share-post{position:relative;display:inline-block;z-index:0;color:#999;} .share-post .sharelist{width:140px;height:25px;position:absolute;top:0px;left:-2px;z-index:9;display:none;} .share-post .sharelist i{font-size:1.3rem;cursor:pointer;} .share-post .sharelist a{color:#000;width:20px;height:20px;text-align:center;line-height:20px;border-radius:50px;display:block;float:left;margin-right:8px;color:#fff;} .share-post .sharelist a.facebook{background:#3b5998;} .share-post .sharelist a.gplus{background:#f63e28;} .share-post .sharelist a.twitter{background:#2daae1;} .share-post .sharelist a.pinterest{background:#ca1b22;} .share-post .sharelist a.linkedin{background:#0073b2;} .share-post .sharelist a:hover{background:#000;color:#fff;} /* 11. Comments / Response ==========================================*/ #comments{width:100%;margin:30px auto 0;padding:0;} .comments-area{margin:48px auto;max-width:474px;padding:0 10px;} .comment-list{list-style:none;margin:40px 0 48px 0;font-size:14px;padding-left:0;} .comment-author{font-size:14px;line-height:1.7142857142;} .comment-list .reply, .comment-metadata{font-size:12px;line-height:2;text-transform:capitalize;} .comment-list .reply{margin-top:24px;display:none;} .comment-list li{border:1px solid #eee;background:#fff;padding:20px;margin-bottom:20px;text-align:left;} .comment-list li li{border:none;background:none;margin-bottom:10px;} .comment-list li:last-child{margin-bottom:0;} .comment-list li ul{margin-left:0;padding-left:0;border-top:1px solid #ddd;} .comment-list li ul li{border-bottom:1px solid #eee;padding-top:20px;} .comment-author .fn{font-weight:bold;font-style:normal;margin-left:25px;} .comment-author a{color:#2b2b2b;} .comment-list .trackback a, .comment-list .pingback a, .comment-metadata a{color:#767676;} .comment-author a:hover, .comment-list .pingback a:hover, .comment-list .trackback a:hover, .comment-metadata a:hover{color:#AD794E;} .comment-list article, .comment-list .pingback, .comment-list .trackback{border-top:1px solid rgba(0, 0, 0, 0.1);margin-bottom:24px;padding-top:24px;} .comment-author{position:relative;} .comment-author .avatar{height:40px;width:40px;padding:2px;position:absolute;top:0;left:0;border-radius:50%;} .bypostauthor > article .fn:before{content:"\f408";margin:0 2px 0 10px;position:relative;top:-1px;} .comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata{padding-left:30px;} .commentmetadata{margin:0px 0 20px 55px;} .commentmetadata a{color:#bbb;} .comment-edit-link{margin-left:10px;display:none;} .comment-edit-link:before{content:"\f411";} .comment-reply-link:before, .comment-reply-login:before{content:"\f412";margin-right:2px;} .comment-content{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word;} .comment-content ul, .comment-content ol{margin:0 0 24px 22px;} .comment-content li > ul, .comment-content li > ol{margin-bottom:0;} .comment-content > :last-child{margin-bottom:0;} .comment-list .children{list-style:none;padding-left:25px;padding-top:10px;border:none;} .comment-respond{margin-bottom:24px;padding:0;} .comment .comment-respond{margin-top:24px;} .comment-respond h3{margin-top:0;margin-bottom:24px;} .comment-notes, .comment-awaiting-moderation, .logged-in-as, .no-comments, .form-allowed-tags, .form-allowed-tags code{color:#767676;} .comment-notes, .comment-awaiting-moderation, .logged-in-as{font-size:14px;line-height:1.7142857142;} .no-comments{font-size:16px;font-weight:900;line-height:1.5;margin-top:24px;text-transform:capitalize;} .comment-form label{display:block;} .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"]{width:100%;} .form-allowed-tags, .form-allowed-tags code{font-size:12px;line-height:1.5;overflow:hidden;white-space:pre-wrap;display:block;margin-top:10px;} .form-allowed-tags code{padding:10px;} .required{color:#c0392b;} .comment-reply-title small a{color:#2b2b2b;float:right;height:24px;overflow:hidden;width:24px;} .comment-reply-title small a:hover{color:#41a62a;} .comment-reply-title small a:before{content:"\f405";font-size:32px;} .comment-navigation{font-size:12px;line-height:2;margin:48px 0;text-transform:capitalize;} .comment-navigation .nav-next, .comment-navigation .nav-previous{display:inline-block;} .comment-navigation .nav-previous a{margin-right:10px;} #comment-nav-above{margin-top:36px;margin-bottom:0;} #comment-status{color:#090;} .ajax-success{border:1px solid #090;color:#090;padding:10px;} .ajax-error{border:1px solid #f00;color:#f00;padding:10px;} #respond{width:100%;margin:50px auto 0;} #respond input[type="text"]{width:40%;} #respond textarea{height:150px;width:100%;} #respond input[type="submit"]{display:block;height:40px;background:#AD794E;font-size:14px;border:none;color:#fff;} .comment-form label{margin-bottom:10px;} /* 12. Pages ==========================================*/ /* - 12.1 Contact page */ #slider.map{margin-bottom:0;position:relative;height:600px;background:#f8f8f8;} #slider.map iframe{min-height:600px;} #slider.map #map_toggle{width:50px;height:30px;line-height:30px;background:#000;position:absolute;left:50%;top:0;margin-left:-25px;z-index:5;border-radius:0 0 5px 5px;color:#fff;text-align:center;font-size:18px;} .contact_content{background:#fff;background:rgba(255,255,255,.7);position:absolute;width:100%;padding:30px;height:550px;top:0;left:0;z-index:4;} .contact_content .subheading{margin-top:-10px;} .contact_content .container{margin-top:80px;} .contact_content .entry-content{padding-bottom:20px;width:95%;font-weight:400;} .contact-form p{margin-bottom:10px;} .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="password"]{height:35px;} .contact-form input, .contact-form textarea{width:100%;font-weight:normal;-moz-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} .contact-form textarea{height:150px;} .contact-form input[type="submit"]{width:150px;display:block;margin:auto;height:40px;font-size:14px;background:#AD794E;border-color:#AD794E;color:#fff;} .contact-form input[type="submit"]:hover{background:#000;} .contact-form .error{color:#f00;font-size:13px;} .contact-info{border-top:1px solid #eee;padding-top:20px;list-style:none;} .entry-content .contact-info li{margin-bottom:5px;font-size:12px;list-style:none;} .contact-info i{margin-right:5px;} .alert{display:none;position:absolute;z-index:9900;top:70%;left:50%;margin:-2em -2em;font-size:1em;line-height:4em;width:4em;text-align:center;color:#fff;background:#000;border-radius:50%;} .alert:before{content:"Done";} .alert.error{background:#F30;background:rgba(180,20,0,.6);} .alert.error:before{content:"error";} .loader{display:none;} .page-navi{text-align:center;} .page-navi a{border:1px solid #eee;padding:5px 10px;} /* 13. WordPress Default Style ==========================================*/ /* alignleft */ .alignleft{display:inline;float:left;} .alignright{display:inline;float:right;} .aligncenter{display:block;margin-right:auto;margin-left:auto;} blockquote.alignleft, .wp-caption.alignleft, img.alignleft{margin:0.4em 1.6em 1.6em 0;} blockquote.alignright, .wp-caption.alignright, img.alignright{margin:0.4em 0 1.6em 1.6em;} blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter{clear:both;margin-top:0.4em;margin-bottom:1.6em;} .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter{margin-bottom:1.2em;} .widget_calendar table{margin:0;} .widget_calendar td, .widget_calendar th{line-height:2.3333;text-align:center;padding:0;} /* calendar */ .widget_calendar caption{font-family:"Noto Serif", serif;font-weight:700;margin:0 0 1.6em;letter-spacing:0.04em;text-transform:uppercase;} .widget_calendar tbody a{-webkit-tap-highlight-color:rgba(255, 255, 255, 0.3);background-color:#333;color:#fff;display:block;font-weight:700;} .widget_calendar tbody a:hover, .widget_calendar tbody a:focus{background-color:#707070;background-color:rgba(51, 51, 51, 0.7);color:#fff;} /*Captions*/ .wp-caption{margin-bottom:24px;} .wp-caption img[class*="wp-image-"]{display:block;margin:0;width:100%;} .wp-caption{color:#767676;} .wp-caption-text{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:12px;font-style:italic;line-height:1.5;margin:0;padding:8px;} div.wp-caption .wp-caption-text{padding-right:10px;} div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text{padding-left:10px;padding-right:0;} .wp-smiley{border:0;margin-bottom:0;margin-top:0;padding:0;} /*Twitter*/ .widget .tp_recent_tweets ul li{list-style:none;} /*Gallery*/ #gallery{margin-bottom:1.6em;display:none;} .gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%;margin:1%;} .gallery-columns-2 .gallery-item{max-width:45%;} .gallery-columns-3 .gallery-item{max-width:29%;} .gallery-columns-4 .gallery-item{max-width:20.8%;} .gallery-columns-5 .gallery-item{max-width:16.4%;} .gallery-columns-6 .gallery-item{max-width:13%;} .gallery-columns-7 .gallery-item{max-width:10.7%;} .gallery-columns-8 .gallery-item{max-width:8.8%;} .gallery-columns-9 .gallery-item{max-width:7.5%;} .gallery-icon img{margin:0 auto;} .gallery-caption{color:#707070;color:rgba(51, 51, 51, 0.7);display:block;font-family:"Noto Sans", sans-serif;font-size:12px;font-size:1.2rem;line-height:1.5;padding:0.5em 0;} .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption{display:none;} /*Default Search form*/ .screen-reader-text{display:none;} #sidebar #s{width:52%;} /* 14. Boxed style ==========================================*/ .boxed #top, .boxed #topbar, .boxed #bottom_widget, .boxed #footer{opacity:.9;} .boxed #top.shrinked{opacity:1;} .boxed #miao_content{margin-top:20px;} .boxed #slider{margin-bottom:20px;} .boxed .post .post_format_icon{padding-top:20px;margin-bottom:-20px;} .boxed .post .entry-title, .boxed .post .entry-meta, .boxed .post .entry-content, .boxed .post .entry-tools, .boxed .channel .channel_title, .boxed .channel .post_list{margin:15px;} .boxed .post .entry-tools{margin-top:40px;margin-bottom:0;} .boxed .masnry .post .entry-tools{margin-left:30px;margin-bottom:20px;} .boxed .post .entry-content{margin:15px 30px;} .boxed .channel .post_list{border-bottom:none;margin-bottom:0;} .boxed .channel.post_list li:last-child{border-bottom:0;margin-bottom:0;} .boxed .post .entry-title{margin-top:30px;} .boxed #sidebar .widget{padding:15px 0 15px 15px;} .boxed #sidebar .widget ul{margin:10px 10px 10px 22px;} .boxed #sidebar .widget_alaya_recent_comments ul{margin-left:10px;} .boxed #sidebar .widget_alaya_author ul{margin:0;} .boxed .widget_calendar table{width:89%;} .boxed #sidebar .widget ul.post_list, .boxed #sidebar .widget .widget_title, .boxed #sidebar .widget div{margin:10px;} .boxed #sidebar .widget .ui-widget-header{margin:0 0 10px;} .boxed #sidebar .widget .price_slider{margin:30px 0;} .boxed #sidebar .widget .widget_title{margin-bottom:20px;margin-right:30px;padding:5px 0 5px;width:82%;} .boxed #sidebar .widget ul li{padding-right:10%;} .boxed #sidebar .widget_alaya_author ul li{padding:0;width:70px;height:100px;} .boxed #sidebar #s{width:43%;} .boxed #sidebar #searchform{margin-bottom:0;} .boxed #sidebar .widget_alaya_recent_comments .comment-text{margin-left:0;margin-bottom:30px;} .boxed #sidebar .widget_alaya_ad img{width:90%;} .boxed #breadcrumbs{width:96.5%;padding:10px 15px 1px;background:#fff;opacity:.6;} .boxed #breadcrumbs .current, .boxed #breadcrumbs .sep{color:#000;} .boxed #author_vcard, .boxed.woocommerce .products ul, .boxed.woocommerce ul.products{padding:20px 20px 0;} .boxed.woocommerce div.product{padding:20px;margin:-10px auto 20px;} .boxed .entry-content .woocommerce, .boxed #standard_blog_full{padding:30px 30px 10px;} .boxed .post_navi{height:auto;overflow:hidden;padding:20px;} .boxed #respond{padding:20px;width:auto;} .boxed.woocommerce .woocommerce-breadcrumb{padding-left:20px;background:#fff;opacity:.8;margin-bottom:13px;} .boxed.woocommerce.single .woocommerce-breadcrumb{margin-bottom:23px;} .boxed .archive_title{margin-top:60px;margin-bottom:30px;} .boxed .channel, .boxed .post, .boxed .widget, .boxed #standard_blog_full, .boxed.woocommerce .products ul, .boxed.woocommerce ul.products, .boxed.woocommerce div.product, .boxed .entry-content .woocommerce{background:#fff;} .boxed #breadcrumbs, .boxed #author_vcard, .boxed .post_navi, .boxed #respond, .boxed .comment-list li, .boxed.woocommerce .woocommerce-breadcrumb{background:#fff;background:rgba(255,255,255,.6);border:none;} .boxed .widget.widget_price_filter .price_slider_wrapper{width:80%;} .boxed .scrolling_posts{padding:20px;} /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;} #cboxOverlay{position:fixed;width:100%;height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;} .cboxIframe{width:100%;height:100%;display:block;border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px;height:21px;background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px;height:21px;background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px;height:21px;background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px;height:21px;background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px;background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px;background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px;background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px;background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px;border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute;bottom:4px;left:0;text-align:center;width:100%;color:#949494;} #cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494;} #cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef;} #cboxPrevious{position:absolute;bottom:0;left:0;background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/controls.png) no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute;bottom:0;left:27px;background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/controls.png) no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/loading.gif) no-repeat center center;} #cboxClose{position:absolute;bottom:0;right:0;background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/controls.png) no-repeat -25px 0;width:25px;height:25px;text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);} /* The following provides PNG transparency support for IE6 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. */ .cboxIE6 #cboxTopLeft{background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(//channelingerik.com/wp-content/themes/miao/assets/images/colorbox/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight{_behavior:expression(this.src = this.src ? this.src:this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");} /*! * 3. Justified Gallery - v3.2.0 * http://miromannino.com/projects/justified-gallery/ * Copyright (c) 2014 Miro Mannino * Licensed under the MIT license. */ @-webkit-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-moz-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-o-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-webkit-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-moz-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-o-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}.justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div{position:absolute;display:inline-block;overflow:hidden;opacity:0;filter:alpha(opacity=0)}.justified-gallery>a>img,.justified-gallery>div>img{position:absolute;top:50%;left:50%;margin:0;padding:0;border:0}.justified-gallery>a>.caption,.justified-gallery>div>.caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:#fff;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery>a>.caption.caption-visible,.justified-gallery>div>.caption.caption-visible{display:initial;opacity:.7;filter:alpha(opacity=70);-webkit-animation:justified-gallery-show-caption-animation 500ms 0 ease;-moz-animation:justified-gallery-show-caption-animation 500ms 0 ease;-ms-animation:justified-gallery-show-caption-animation 500ms 0 ease}.justified-gallery>.entry-visible{opacity:1;filter:alpha(opacity=1);-webkit-animation:justified-gallery-show-entry-animation 300ms 0 ease;-moz-animation:justified-gallery-show-entry-animation 300ms 0 ease;-ms-animation:justified-gallery-show-entry-animation 300ms 0 ease}.justified-gallery>.spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;opacity:initial;filter:initial;overflow:initial}.justified-gallery>.spinner>span{display:inline-block;opacity:0;filter:alpha(opacity=0);width:8px;height:8px;margin:0 4px;background-color:#000;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px} /* * 4. Gallery - Photobox */ /* Normilizes box-sizing */ #pbOverlay *, #pbOverlay *:before, #pbOverlay *:after{-moz-box-sizing:content-box;box-sizing:content-box;} #pbOverlay.show{opacity:1;pointer-events:auto;} #pbOverlay{opacity:0;overflow:hidden;width:100%;height:100%;position:fixed;z-index:9999;left:0;top:0;text-align:center;pointer-events:none;-moz-user-select:none;background:rgba(0,0,0,0.90);/* background:radial-gradient(rgba(0,0,0,.6) 0%, rgba(0,0,0,.9) 100%);*/ -webkit-transform:translate3d(0px, 0px, 0px);-ms-transition:opacity 300ms ease;transition:opacity 300ms ease;} #pbOverlay.msie{background-color:rgba(0,0,0,.6);} .msie.pbLoading .pbWrapper{background:url(//channelingerik.com/wp-content/themes/miao/assets/images/loading.gif) no-repeat center center;} @keyframes pbLoaderFrames{ 50%{height:5px;} } @-webkit-keyframes pbLoaderFrames{ 50%{height:5px;} } .pbLoader{display:none;width:100px;height:100px;position:absolute;z-index:999;top:0;left:0;right:0;bottom:0;margin:auto;text-align:center;border-radius:100%;box-shadow:15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px;transition:0.3s;} .thumbs .pbLoader{-webkit-transform:translateY(-50px);transform:translateY(-50px);} .pbLoading:not(.msie):not(.error) .pbLoader{display:block;} .pbLoader b{display:inline-block;vertical-align:middle;margin:0 2px;width:8px;height:60px;border-radius:5px;background:rgba(255,255,255,0.8);box-shadow:0 0 10px rgba(0,0,0,0.5);-webkit-animation:.9s pbLoaderFrames infinite linear;animation:.9s pbLoaderFrames infinite linear;} .pbLoader b:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s;} .pbLoader b:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s;} .mobile.pbLoading .pbLoader{transform:none;transition:0s;} .pbWrapper:after, #pbCaption .pbThumbs ul:after, #pbOverlay .prevNext:after, #pbOverlay .pbLoader:before{content:"";display:inline-block;height:100%;margin-right:-0.25em;vertical-align:middle;} /* Animation when image was not loaded */ @keyframes deadImage{ 50%{text-shadow:0 0 25px rgba(255,255,255,.5);transform:scale(0.85);} } @-webkit-keyframes deadImage{ 50%{text-shadow:0 0 25px rgba(255,255,255,.5);-webkit-transform:scale(0.85);} } .pbWrapper{-moz-box-sizing:border-box;box-sizing:border-box;transform:rotate(0deg);vertical-align:middle;height:100%;perspective:1200px;-webkit-perspective:1200px;position:relative;transition:0.2s;} .video > .pbWrapper{z-index:11;display:inline-block;} /*#pbOverlay.error .pbWrapper{display:inline-block;width:100%;}*/ .pbLoading .pbWrapper{display:inline-block\9;width:100%;} /* ie8+9 hack */ .pbWrapper:before{content:'\2716';color:transparent;text-shadow:0 2px 35px rgba(255,255,255,0);font-size:0;vertical-align:middle;cursor:default;transition:text-shadow .7s ease-out;} .error .pbWrapper:before{font-size:22em;text-shadow:0 0 0 #FFF;-webkit-animation:2s 1s deadImage infinite linear;animation:2s 1s deadImage infinite linear;} .thumbs .pbWrapper{padding:0;margin:0;} .error .pbWrapperr img{width:0;} .pbWrapper > div{display:none;width:624px;height:351px;vertical-align:middle;border-radius:5px;background:rgba(0,0,0,0.5);} .video > .pbWrapper > div{display:inline-block;} #pbOverlay iframe, #pbOverlay embed, #pbOverlay object{display:block;width:100%;height:100%;opacity:1;transition:0.5s;} .pbWrapper .hide iframe{opacity:0;} .pbWrapper > div, .pbWrapper > img{-ms-transition:.3s .5s ease-out;transition:.8s .5s cubic-bezier(0.1, 0.87, 0.48, 1);-webkit-transform:none;-ms-transform:none;transform:none;-webkit-backface-visibility:hidden;box-shadow:0 0 20px #000;} /* FOR MOBILE */ .mobile.show .pbWrapper > div, .mobile.show .pbWrapper > img{transition:30ms;} .pbWrapper > *, .hide .pbWrapper > .prepare{opacity:1;vertical-align:middle;transform:scale(0) rotateX(80deg);-webkit-transform:scale(0) rotateX(80deg);-ms-transform:scale(0) rotateX(80deg);border-radius:6px;border:none;max-height:95%;max-width:100%;} .on .pbWrapper > *{transition-delay:0s;-ms-transition-delay:0s;} .pbWrapper .zoomable{-ms-transition:0s;-webkit-transition:0s;transition:0s;position:relative;z-index:9;} .hide .pbWrapper > *{-webkit-transform:scale(1.2);transform:scale(1.2);transform:none\9;opacity:0;-ms-transition:.4s ease-in;transition:.4s ease-in;} /*-- close button --*/ #pbCloseBtn, #pbAutoplayBtn{position:absolute;top:-50px;right:-50px;z-index:999;display:block;padding:0 0 20px 20px;text-align:center;cursor:pointer;color:#FFF;transition:.3s .3s ease-out;} .hide #pbCloseBtn{top:-50px;right:-50px;} .on #pbCloseBtn{top:-2px;right:-2px;} #pbCloseBtn:before{content:'\00D7';font:bold 1em/1 arial;} #pbCloseBtn:before, #pbAutoplayBtn:before{display:inline-block;height:35px;width:35px;padding:8px 8px 12px 12px;font-size:2em;opacity:0.8;vertical-align:middle;background:rgba(255,255,255,0.2);border-radius:0 0 0 70px;transition:0.1s ease-out;} #pbCloseBtn:hover:before{padding:15px 10px 24px 24px;background:rgba(255,100,100,.4);} /*-- autoplay controller --*/ #pbAutoplayBtn{display:none;right:auto;left:-50px;padding:0;width:50px;height:50px;font-size:13px;} .hasAutoplay #pbAutoplayBtn{display:block;} #pbAutoplayBtn:hover{width:60px;height:60px;} .on #pbAutoplayBtn{top:0px;left:0px;transition:.1s ease-out;} #pbAutoplayBtn:before{content:'\2016';width:100%;height:100%;border-radius:0 0 70px 0;font-weight:bold;padding:0;text-indent:-6px;line-height:1.6;} #pbAutoplayBtn:active:before{text-shadow:0 0 3px #FFF, 0 0 6px #FFF;} #pbAutoplayBtn.play:before{content:'\25BA';} #pbAutoplayBtn .pbProgress{display:none\9;width:100%;height:100%;overflow:hidden;position:absolute;padding:6px;top:0;left:0;opacity:0.2;transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:0.3s;-ms-transition:0.3s;transition:0.3s;} .mobile #pbAutoplayBtn .pbProgress{-webkit-transition:0s;-ms-transition:0s;transition:0s;} #pbAutoplayBtn.playing .pbProgress{-webkit-transform:rotateZ(90deg);-ms-transform:rotateZ(90deg);transform:rotateZ(90deg);} #pbAutoplayBtn .pbProgress:before{content:'';position:absolute;right:0;bottom:0;width:200%;height:200%;border-radius:50%;box-shadow:0 0 0 8px #FFF inset;} #pbCaption, .hide #pbCaption{position:absolute;z-index:999;margin-bottom:5px;bottom:-120px;width:100%;overflow:hidden;transition:.4s;} .show.on #pbCaption{bottom:0;transition-delay:.5s;} #pbOverlay.thumbs #pbCaption label{display:block;} #pbCaption label{display:none;position:relative;z-index:1;top:-5px;float:right;width:60px;margin-right:10px;color:#FFF;opacity:0.3;transition:0.2s;cursor:pointer;} #pbCaption label:after{background:#FFF;box-shadow:12px 0 #FFF, -12px 0 #FFF;content:"";display:inline-block;height:0;padding:10px 5px;text-align:right;vertical-align:top;width:0;} #pbCaption label:hover{opacity:1;} #pbCaption .title, #pbCaption .counter{display:inline-block;color:#FFF;margin:0 6px;} #pbCaption .counter{display:none;opacity:.55;} .hasCounter #pbCaption .counter{display:inline-block;} .pbCaptionText{transition:.3s;opacity:0.9;font-weight:bold;font-size:.9em;text-shadow:1px 1px 1px rgba(0,0,0,.5);padding-left:60px;} /* padding-left from