/* Theme base styles */ /*----------------------------------------------------------------------------------- Theme Name: Atoms Theme URI: https://atom.bk-ninja.com/default/ Description: WordPress News and Magazine Template Version: 1.0 Stylesheet -----------------------------------------------------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); :root{--color-primary:#313131;--color-white:#fff;--color-white-opacity-60:rgba(255,255,255,.6);--color-heading-subtitle:rgba(0,0,0,.4);--color-text:#222222;--color-cat:#a1855a;--color-text-gray:rgb(136,136,136);--color-text-gray-opacity:rgba(34,34,34,.6);--color-text-light-gray-opacity:rgba(19,19,19,.3);--color-excerpt:var(--color-text-gray);--color-meta:rgba(0,0,0,.6);--color-border:rgba(19,19,19,.1);--color-links:var(--color-primary);--color-links-hover:var(--color-primary);--color-input-border:rgba(19,19,19,.3);--color-input-border-focus:var(--color-primary);--bg-color-thumb:#e5e5e5;} /* ============================================================================= ## BASE ============================================================================= */ .modal-open,.sr-only,svg:not(:root){overflow:hidden}pre,textarea{overflow:auto}.text-left,caption{text-align:left}.btn,.text-nowrap{white-space:nowrap}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.pre-scrollable{max-height:340px}.flickity-enabled.is-draggable,.owl-carousel,.owl-carousel .owl-item,html{-webkit-tap-highlight-color:transparent}.fotorama__wrap,html{-webkit-text-size-adjust:100%}.flickity-rtl .flickity-page-dots,.fotorama__wrap--rtl .fotorama__stage__frame,.owl-carousel.owl-rtl{direction:rtl}.fotorama__wrap--only-active .fotorama__stage__frame,.invisible{visibility:hidden}html{font-family:sans-serif;-ms-text-size-adjust:100%}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev,.collapse.in,.media-object,.navbar-brand>img,.no-js .owl-carousel,.open>.dropdown-menu,.owl-carousel.owl-loaded,.tab-content>.active,article,aside,details,figcaption,figure,footer,header,hgroup,input[type=file],main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}.badge:empty,.collapse,.fotorama:not(.fotorama--unobtrusive)>:not(:first-child),.label:empty,.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled,.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel.owl-refresh .owl-item,.tab-content>.tab-pane,[hidden],template{display:none}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle,.dropdown-toggle:focus,.flickity-enabled:focus,.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame,.navbar-toggle:focus,.open>a,a:active,a:hover{outline:0}.alert .alert-link,b,dt,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{color:#000;background:#ff0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.panel>.table-bordered,.panel>.table-responsive>.table-bordered,img{border:0}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}*,:after,:before,input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}.glyphicon,address{font-style:normal}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}.dropdown-menu,.modal-content{-webkit-background-clip:padding-box}.btn,.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-success.active,.btn-success:active,.btn-warning.active,.btn-warning:active,.btn.active,.btn:active,.form-control,.navbar-toggle,.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-info,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-success,.open>.dropdown-toggle.btn-warning{background-image:none}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.html);src:url(../fonts/glyphicons-halflings-regulard41d.html?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular-2.html) format('woff2'),url(../fonts/glyphicons-halflings-regular-3.html) format('woff'),url(../fonts/glyphicons-halflings-regular-4.html) format('truetype'),url(../fonts/glyphicons-halflings-regular-5.html#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.img-thumbnail,body{line-height:1.42857143;background-color:#fff}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"} .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before, .glyphicon-btc:before, .glyphicon-xbt:before { content: "\e227"; } .glyphicon-jpy:before, .glyphicon-yen:before { content: "\00a5"; } .glyphicon-rub:before, .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } .mfp-figure figure,body,figure{margin:0}.breadcrumb,.carousel-indicators,.dropdown-menu,.flickity-page-dots,.nav,.pager{list-style:none}*,:after,:before{box-sizing:border-box}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#333}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{background-color:transparent;color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus,input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}img{vertical-align:middle;max-width:100%;height:auto}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.breadcrumb>li,.img-thumbnail,.list-inline>li,.pagination,label{display:inline-block}.img-rounded{border-radius:6px}.img-thumbnail{max-width:100%;height:auto;padding:4px;border:1px solid #ddd;border-radius:4px;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}legend,pre{color:#333;display:block}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}kbd kbd,label{font-weight:700}address,blockquote .small,blockquote footer,blockquote small,dd,dt,pre{line-height:1.42857143}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,.navbar-btn.btn-sm,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-inline,.list-unstyled,.media-list{padding-left:0;list-style:none}pre code,table{background-color:transparent}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.breadcrumb>.active,.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover,.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.nav>li.disabled>a,.navbar-default .btn-link,.navbar-default .navbar-brand,.navbar-default .navbar-link,.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text,.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .form-control-feedback,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label,.text-success,a.list-group-item-success,button.list-group-item-success{color:#3c763d}.alert-success .alert-link,a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info,a.list-group-item-info,button.list-group-item-info{color:#31708f}.alert-info .alert-link,a.text-info:focus,a.text-info:hover{color:#245269}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .form-control-feedback,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label,.text-warning,a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}.alert-warning .alert-link,a.text-warning:focus,a.text-warning:hover{color:#66512c}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .form-control-feedback,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label,.text-danger,a.list-group-item-danger,button.list-group-item-danger{color:#a94442}.alert-danger .alert-link,a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary,.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover,a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success,.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info,.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning,.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger,.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.btn-default,.form-control,.navbar-inverse .navbar-toggle .icon-bar,.table .table{background-color:#fff}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}.alert,.panel-group,.progress,.table,.thumbnail,.well,address,dl,legend{margin-bottom:20px}.alert>p,.alert>ul,.panel>.list-group,.panel>.panel-collapse>.list-group,.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table,blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child,ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.btn-toolbar,.list-inline{margin-left:-5px}.list-inline>li{padding-right:5px;padding-left:5px}.alert h4,.input-group-addon input[type=checkbox],.input-group-addon input[type=radio],.media:first-child,dl{margin-top:0}.btn .caret,.btn-group>.btn:first-child,.col-xs-offset-0,.modal-footer .btn-block+.btn-block,dd{margin-left:0}.container,.container-fluid,.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}code,kbd{padding:2px 4px;font-size:90%}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;-webkit-box-shadow:none;box-shadow:none}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;border-radius:0}.pre-scrollable{overflow-y:scroll}.container,.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.container-fluid,.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header,.form-horizontal .form-group.table,label{max-width:100%} .row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.btn-group>.btn-group,.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.nav-pills>li,.pager .previous>a,.pager .previous>span{float:left}.btn-group-justified>.btn-group .btn,.col-xs-12,.nav-justified,input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.carousel-inner>.active.right,.carousel-inner>.next,.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.btn-group-justified>.btn-group .dropdown-menu,.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.caret,.nav-pills>li+li{margin-left:2px}table{border-spacing:0;border-collapse:collapse;width:100%}caption{padding-top:8px;padding-bottom:8px;color:#777}.table{width:100%}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.panel-group .panel-footer,.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th,.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover,.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}fieldset,legend{padding:0;border:0}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.panel-footer,.table-hover>tbody>tr:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active,.well{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.btn-group,.btn-group-vertical,.carousel,.checkbox,.dropdown,.dropup,.flickity-enabled,.has-feedback,.input-group,.input-group .form-control,.input-group-btn,.input-group-btn>.btn,.nav>li,.nav>li>a,.navbar,.owl-carousel,.owl-carousel .owl-item,.radio{position:relative}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;margin:0}legend{width:100%;font-size:21px;line-height:inherit;border-bottom:1px solid #e5e5e5}.form-control,output{font-size:14px;line-height:1.42857143;color:#555}label{margin-bottom:5px}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;line-height:normal}.btn-block,input[type=range]{display:block;width:100%}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control,.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control,select[multiple],select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,select[multiple].input-lg,select[multiple].input-sm,select[size],textarea.form-control,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,textarea.input-lg,textarea.input-sm{height:auto}output{display:block;padding-top:7px}.form-control{display:block;width:100%;height:34px;padding:6px 12px;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0} .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.checkbox-inline.disabled,.checkbox.disabled label,.form-control[disabled],.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .form-control,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-group-sm .form-control,.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn,.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control,select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn,select.input-sm{height:30px;line-height:30px}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.form-group-lg .form-control,.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn,.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control,select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn,select.input-lg{height:46px;line-height:46px}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.btn,.btn-group,.btn-group-vertical,.caret,.mfp-container:before,.mfp-content{display:inline-block;vertical-align:middle}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .has-feedback .form-control-feedback{right:15px}.btn{padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge,.list-group-item.active>.badge,.nav-pills>.active>a>.badge,.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success.active,.btn-success:active,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info.active,.btn-info:active,.btn-info:hover,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc} .btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.alert>p+p,.btn-block+.btn-block,.panel-group .panel+.panel{margin-top:5px}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in,.flickity-page-dots .dot.is-selected{opacity:1}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{width:0;height:0;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.badge,.input-group-addon,.label,.pager,.progress-bar{text-align:center}.dropdown-header,.dropdown-menu>li>a{padding:3px 20px;white-space:nowrap;display:block;line-height:1.42857143}.dropdown-menu-right,.dropdown-menu.pull-right,.pull-right>.dropdown-menu{right:0;left:auto}.dropdown-menu .divider,.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{clear:both;font-weight:400;color:#333}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none}.dropdown-menu-left{right:auto;left:0}.dropdown-header{font-size:12px;color:#777}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}.btn-group-justified,.input-group{display:table;border-collapse:separate}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover,.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.input-group-btn>.btn+.btn,.modal-footer .btn-group .btn+.btn{margin-left:-1px}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group-vertical>.btn:not(:first-child):not(:last-child),.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle,.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child,.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child),.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn-lg .caret{border-width:5px 5px 0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn,.nav-justified>li,.nav-stacked>li,.nav-tabs.nav-justified>li{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-radius:4px 4px 0 0}.btn-group-vertical>.btn:last-child:not(:first-child){border-radius:0 0 4px 4px}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child,.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{width:100%;table-layout:fixed}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%} [data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.nav>li,.nav>li>a{display:block}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon:first-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.input-group-addon:last-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.input-group-btn{font-size:0;white-space:nowrap}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0}.nav>li>a{padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover,.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.media-object.img-thumbnail,.nav>li>a>img{max-width:none}.nav-tabs,.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-justified>li>a,.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu,.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}.nav-pills>li>a,.pagination{border-radius:4px}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-tabs-justified,.panel-group .panel-heading,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.navbar-static-top{z-index:1000;border-width:0 0 1px}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px;font-size:18px;line-height:20px}.badge,.label{line-height:1;white-space:nowrap;font-weight:700}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;border:1px solid transparent;border-radius:4px}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}.navbar-form{padding:10px 15px;margin:8px -15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-radius:4px 4px 0 0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle,.panel-default{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.mfp-close-btn-in .mfp-close,.navbar-default .btn-link:focus,.navbar-default .btn-link:hover,.navbar-default .navbar-link:hover,a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}.mfp-preloader a,.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .btn-link,.navbar-inverse .navbar-brand,.navbar-inverse .navbar-link,.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.mfp-close,.mfp-preloader a:hover,.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover,.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444} .breadcrumb{padding:8px 15px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px}.pager,.pagination{padding-left:0;margin:20px 0}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.label,.pager li,.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.nav-pills>li>a>.badge,.tooltip.right{margin-left:3px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.list-group-item>.badge,.owl-carousel.owl-rtl .owl-item,.pager .next>a,.pager .next>span{float:right}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{padding:.2em .6em .3em;font-size:75%;color:#fff;vertical-align:baseline;border-radius:.25em}.badge,.progress-bar{font-size:12px}a.badge:focus,a.badge:hover,a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.btn .badge,.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-success,.progress-bar-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info,.progress-bar-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning,.progress-bar-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger,.progress-bar-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;color:#fff;vertical-align:middle;background-color:#777;border-radius:10px}.alert h4,.jumbotron,.jumbotron .h1,.jumbotron h1,.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.panel-heading>.dropdown .dropdown-toggle,.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a,a.list-group-item-danger .list-group-item-heading,a.list-group-item-info .list-group-item-heading,a.list-group-item-success .list-group-item-heading,a.list-group-item-warning .list-group-item-heading,button.list-group-item-danger .list-group-item-heading,button.list-group-item-info .list-group-item-heading,button.list-group-item-success .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}.list-group-item>.badge+.badge{margin-right:5px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;background-color:#eee}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container,.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.thumbnail{display:block;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.panel-primary,a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;border:1px solid transparent;border-radius:4px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success,.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-info,.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-warning,.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-danger,.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;line-height:20px;color:#fff;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s;-o-transition:width .6s;transition:width .6s}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:2s linear infinite progress-bar-stripes;-o-animation:2s linear infinite progress-bar-stripes;animation:2s linear infinite progress-bar-stripes}.progress-striped .progress-bar-danger,.progress-striped .progress-bar-info,.progress-striped .progress-bar-success,.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.list-group-item-heading,.media-heading{margin-top:0;margin-bottom:5px}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left} .list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}.modal-content,.panel{background-color:#fff}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-text{margin-bottom:0;line-height:1.3}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.close{line-height:1}.panel{margin-bottom:20px;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-footer{padding:10px 15px;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body,.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0} .embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;color:#000;text-shadow:0 1px 0 #fff;opacity:.2}.popover,.tooltip{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;line-break:auto;text-decoration:none}.mfp-title,pre{word-wrap:break-word}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5}.modal-backdrop.fade,.owl-carousel.owl-hidden,.tooltip{opacity:0}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.in{opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.navbar-form,.navbar-right~.navbar-right{margin-right:0}.lead{font-size:21px}.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}.container{width:750px}.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.navbar-header,.navbar-nav>li{float:left}.col-sm-12,.form-inline .input-group>.form-control,.navbar-form .input-group>.form-control{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}.form-inline .form-control-static,.form-inline .form-group,.navbar-form .form-control-static,.navbar-form .form-group{display:inline-block}.form-inline .control-label,.form-inline .form-group,.navbar-form .control-label,.navbar-form .form-group{margin-bottom:0;vertical-align:middle}.form-inline .form-control,.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group,.navbar-form .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.form-inline .checkbox,.form-inline .radio,.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label,.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio],.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback,.navbar-form .has-feedback .form-control-feedback{top:0}.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}.nav-justified>li,.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0;border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}.nav-justified>li>a{margin-bottom:0}.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.navbar{border-radius:4px}.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}.navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top{border-radius:0}.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}.navbar-toggle{display:none}.navbar-nav{float:left;margin:0}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-text{float:left;margin-right:15px;margin-left:15px}.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.container{width:970px}.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-size:12px;text-align:left;text-align:start}.tooltip.in{opacity:.9} .tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{border-width:5px 5px 0;border-top-color:#000;bottom:0}.tooltip.bottom .tooltip-arrow,.tooltip.top .tooltip-arrow{left:50%;margin-left:-5px}.tooltip.top-left .tooltip-arrow{right:5px;margin-bottom:-5px}.tooltip.top-right .tooltip-arrow{left:5px;margin-bottom:-5px}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow{border-width:0 5px 5px;border-bottom-color:#000;top:0}.tooltip.bottom-left .tooltip-arrow{right:5px;margin-top:-5px}.tooltip.bottom-right .tooltip-arrow{left:5px;margin-top:-5px}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-size:14px;text-align:left;text-align:start;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.carousel-caption,.carousel-control{text-shadow:0 1px 2px rgba(0,0,0,.6);text-align:center;color:#fff}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:left .6s ease-in-out;-o-transition:left .6s ease-in-out;transition:left .6s ease-in-out}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mfp-wrap,.owl-carousel .owl-item,.owl-carousel .owl-video-play-icon{-webkit-backface-visibility:hidden}.carousel-inner>.active,.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.active.left,.carousel-inner>.prev{left:-100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;background-color:rgba(0,0,0,0);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px}.carousel-caption .btn,.text-hide{text-shadow:none}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hidden,.hide,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-print,.visible-print-block,.visible-print-inline,.visible-print-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}.show{display:block!important}.text-hide{font:0/0 a;color:transparent;background-color:transparent;border:0}.affix{position:fixed}@-ms-viewport{width:device-width}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent} .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}.visible-xs,.visible-xs-block{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.visible-sm,.visible-sm-block{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.visible-md,.visible-md-block{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}.hidden-md{display:none!important}}@media (min-width:1200px){.container{width:1170px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}.visible-lg,.visible-lg-block{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}.hidden-lg{display:none!important}}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap,.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.html) no-repeat;cursor:pointer;z-index:1;transition:transform .1s}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.fotorama__stage__frame.fotorama__active,.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play,.mfp-arrow{-webkit-tap-highlight-color:transparent}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:#fff}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09f}.flickity-prev-next-button:active{opacity:.6}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{opacity:.3;cursor:auto}.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button .arrow{fill:#333}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;text-align:center;line-height:1}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:"";border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,0.25,1);transition-duration:0s}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama--fullscreen,.fullscreen{width:100%!important;height:100%!important;margin:0!important}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(fotorama%402x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:rgba(127,127,127,.2)}@media print{.visible-print,.visible-print-block{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}.visible-print-inline{display:inline!important}.visible-print-inline-block{display:inline-block!important}.hidden-print{display:none!important}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:0 0!important}}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage,.fullscreen{background:#000}.fotorama{min-width:1px;overflow:hidden}.fullscreen{max-width:100%!important;max-height:100%!important;padding:0!important;overflow:hidden!important}.fotorama__stage__frame,.fotorama__thumb,.mfp-bg,.mfp-iframe-scaler{overflow:hidden}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000}.fotorama__wrap{position:relative;direction:ltr;z-index:0}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer,.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow,.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__img{-ms-filter:"alpha(Opacity=0)";opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full,.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border,.fotorama__nav--thumbs .fotorama__nav__frame--dot,.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav--dots,.fotorama__nav--thumbs{display:block}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:"Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__caption__wrap{box-sizing:border-box;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:24s linear infinite spinner;animation:24s linear infinite spinner}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";opacity:0}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon,.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus,.mfp-arrow:focus,.mfp-arrow:hover,.mfp-close:focus,.mfp-close:hover{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important} .fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before,.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon,.mfp-hide{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before,.mfp-arrow-left{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after,.mfp-arrow-right{right:0}.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-bg{z-index:1042;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;outline:0!important}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{height:100%}.mfp-content{position:relative;margin:0 auto;text-align:left;z-index:1045}.mfp-close,.mfp-preloader{text-align:center;position:absolute}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-preloader{color:#ccc;top:50%;width:auto;margin-top:-.8em;left:8px;right:8px;z-index:1044}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;right:0;top:0;text-decoration:none;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-title,th{text-align:left}.mfp-close:active{top:1px}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.ps__thumb-x,.ps__thumb-y{background-color:#aaa;border-radius:6px;position:absolute}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{line-height:18px;color:#f3f3f3;padding-right:36px}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile .mfp-bottom-bar:empty,.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-zoom-in .mfp-figure{opacity:0;transition:.2s ease-in-out;transform:scale(.8)}.mfp-zoom-in.mfp-bg{opacity:0;transition:.3s ease-out}.mfp-zoom-in.mfp-ready .mfp-figure{opacity:1;transform:scale(1)}.mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}.mfp-zoom-in.mfp-removing .mfp-figure{transform:scale(.8);opacity:0}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x{transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px}.ps__thumb-y{transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}html{font-size:14px}body{font-family:{};}a:active,a:focus,a:hover{color:var(--color-primary)}td,th{padding:.8em}ol,pre,table,ul{margin:0 0 1.6em} dl dt:not(:first-child){margin-top:.4em}hr{border-color:rgba(0,0,0,.05)}p{margin:0 0 1em}pre{word-break:break-all;padding:1.6em;font-size:.9em;background-color:#fafafa;border:1px solid rgba(0,0,0,.1);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}tr{border-bottom:1px solid #eee}thead th{border-bottom:2px solid #bbb;padding-bottom:.8em}ol,ul{padding:0}table ul{padding-left:18px} /* ============================================================================= ## TYPOGRAPHY ============================================================================= */ .h1:first-child,.h2:first-child,.h3:first-child,.h4:first-child,.h5:first-child,.h6:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}p:last-child{margin:0}.h6,h6{font-size:1rem;line-height:1.5}.h3,.h4,.h5,h3,h4,h5{line-height:1.4}.h5,h5{font-size:1.125rem}.h4,h4{font-size:1.266rem}.h3,h3{font-size:1.424rem}.h1,.h2,h1,h2{line-height:1.3;margin-bottom:30px}.h2,h2{font-size:1.602rem}.h1,h1{font-size:1.802rem}.h0{font-size:2.027rem;line-height:1.3}.h-1{font-size:2.281rem;line-height:1.3}.h-2{font-size:2.566rem;line-height:1.3}@media (min-width:768px){.h6,h6{font-size:1rem;line-height:1.5}.h5,h5{font-size:1.2rem;line-height:1.4}.h4,h4{font-size:1.44rem;line-height:1.4}.h3,h3{font-size:1.728rem;line-height:1.4}.h2,h2{font-size:2.074rem;line-height:1.3}.h1,h1{font-size:2.488rem;line-height:1.3}.h0{font-size:2.986rem;line-height:1.2}.h-1,h-1{font-size:3.583rem;line-height:1.2}.h-2{font-size:4.3rem;line-height:1.1}}@media (min-width:992px){.h6,h6{font-size:1rem;line-height:1.5}.h5,h5{font-size:1.25rem;line-height:1.4}.h4,h4{font-size:1.563rem;line-height:1.4}.h3,h3{font-size:1.953rem;line-height:1.4}.h2,h2{font-size:2.441rem;line-height:1.3}.h1,h1{font-size:3.052rem;line-height:1.2}.h0{font-size:3.815rem;line-height:1.1}.h-1{font-size:4.768rem;line-height:1.1}.h-2{font-size:5.96rem;line-height:1.1}} /*----------------------------------------------------------------------------------- Theme Name: Atoms Theme URI: https://atom.bk-ninja.com/default/ Description: WordPress News and Magazine Template Author: designUTD Author URI: http://themeforest.net/user/designuptodate Version: 1.0 Stylesheet /* ============================================================================= ## BASE ============================================================================= */ td,th{padding:.8em}ol,pre,table,ul{margin:0 0 1.6em}html{font-size:14px}body{font-family:{};}a:active,a:focus,a:hover{color:var(--color-primary)}dl dt:not(:first-child){margin-top:.4em}hr{border-color:rgba(0,0,0,.05)}img{max-width:100%;height:auto}p{margin:0 0 1em}pre{padding:1.6em;font-size:.9em;background-color:#fafafa;border:1px solid rgba(0,0,0,.1);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}table{width:100%}tr{border-bottom:1px solid #eee}th{text-align:left}thead th{border-bottom:2px solid #bbb;padding-bottom:.8em}ol,ul{padding:0}table ul{padding-left:18px} /* ============================================================================= ## TYPOGRAPHY ============================================================================= */ h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child { margin-top: 0; } p:last-child{ margin:0; } /*---- Typography scale ----*/ .h6, h6 { font-size: 1rem; line-height: 1.5; } @media (min-width: 768px) { .h6, h6 { font-size: 1rem; line-height: 1.5; } } @media (min-width: 992px) { .h6, h6 { font-size: 1rem; line-height: 1.5; } } .h5, h5 { font-size: 1.125rem; line-height: 1.4; } @media (min-width: 768px) { .h5, h5 { font-size: 1.2rem; line-height: 1.4; } } @media (min-width: 992px) { .h5, h5 { font-size: 1.25rem; line-height: 1.4; } } .h4, h4 { font-size: 1.266rem; line-height: 1.4; } @media (min-width: 768px) { .h4, h4 { font-size: 1.44rem; line-height: 1.4; } } @media (min-width: 992px) { .h4, h4 { font-size: 1.563rem; line-height: 1.4; } } .h3, h3 { font-size: 1.424rem; line-height: 1.4; } @media (min-width: 768px) { .h3, h3 { font-size: 1.728rem; line-height: 1.4; } } @media (min-width: 992px) { .h3, h3 { font-size: 1.953rem; line-height: 1.4; } } .h2, h2 { font-size: 1.602rem; line-height: 1.3; margin-bottom:30px; } @media (min-width: 768px) { .h2, h2 { font-size: 2.074rem; line-height: 1.3; } } @media (min-width: 992px) { .h2, h2 { font-size: 2.441rem; line-height: 1.3; } } .h1, h1 { font-size: 1.802rem; line-height: 1.3; margin-bottom:30px; } @media (min-width: 768px) { .h1, h1 { font-size: 2.488rem; line-height: 1.3; } } @media (min-width: 992px) { .h1, h1 { font-size: 3.052rem; line-height: 1.2; } } .h0 { font-size: 2.027rem; line-height: 1.3; } @media (min-width: 768px) { .h0 { font-size: 2.986rem; line-height: 1.2; } } @media (min-width: 992px) { .h0 { font-size: 3.815rem; line-height: 1.1; } } .h-1 { font-size: 2.281rem; line-height: 1.3; } @media (min-width: 768px) { .h-1, h-1 { font-size: 3.583rem; line-height: 1.2; } } @media (min-width: 992px) { .h-1 { font-size: 4.768rem; line-height: 1.1; } } .h-2 { font-size: 2.566rem; line-height: 1.3; } @media (min-width: 768px) { .h-2 { font-size: 4.3rem; line-height: 1.1; } } @media (min-width: 992px) { .h-2 { font-size: 5.96rem; line-height: 1.1; } } .typescale-n1 { font-size: 0.889rem; line-height: 1.5; } @media (min-width: 768px) { .typescale-n1 { font-size: 0.889rem; line-height: 1.5; } } @media (min-width: 992px) { .typescale-n1 { font-size: 0.889rem; line-height: 1.5; } } .typescale-0 { font-size: 1rem; line-height: 1.5; } @media (min-width: 768px) { .typescale-0 { font-size: 1rem; line-height: 1.5; } } @media (min-width: 992px) { .typescale-0 { font-size: 1rem; line-height: 1.5; } } .typescale-1 { font-size: 1.125rem; line-height: 1.4; } @media (min-width: 768px) { .typescale-1 { font-size: 1.2rem; line-height: 1.4; } } @media (min-width: 992px) { .typescale-1 { font-size: 1.25rem; line-height: 1.4; } } .typescale-2 { font-size: 1.266rem; line-height: 1.4; } @media (min-width: 768px) { .typescale-2 { font-size: 1.4rem; line-height: 1.4; } } @media (min-width: 992px) { .typescale-2 { font-size: 1.4285rem; line-height: 1.4; } } .typescale-3 { font-size: 1.424rem; line-height: 1.4; } @media (min-width: 768px) { .typescale-3 { font-size: 1.728rem; line-height: 1.3; } } @media (min-width: 992px) { .typescale-3 { font-size: 1.953rem; line-height: 1.3; } } .typescale-4 { font-size: 1.602rem; line-height: 1.3; } @media (min-width: 768px) { .typescale-4 { font-size: 2.074rem; line-height: 1.3; } } @media (min-width: 992px) { .typescale-4 { font-size: 2.441rem; line-height: 1.2; } } .typescale-5 { font-size: 1.802rem; line-height: 1.3; } @media (min-width: 768px) { .typescale-5 { font-size: 2.488rem; line-height: 1.2; } } @media (min-width: 992px) { .typescale-5 { font-size: 3.052rem; line-height: 1.2; } } .typescale-6 { font-size: 2.027rem; line-height: 1.3; } @media (min-width: 768px) { .typescale-6 { font-size: 2.986rem; line-height: 1.2; } } @media (min-width: 992px) { .typescale-6 { font-size: 3.815rem; line-height: 1.1; } } .typescale-7 { font-size: 2.281rem; line-height: 1.3; } @media (min-width: 768px) { .typescale-7 { font-size: 3.583rem; line-height: 1.2; } } @media (min-width: 992px) { .typescale-7 { font-size: 4.768rem; line-height: 1.1; } } .typescale-8 { font-size: 2.566rem; line-height: 1.3; } @media (min-width: 768px) { .typescale-8 { font-size: 4.3rem; line-height: 1.1; } } @media (min-width: 992px) { .typescale-8 { font-size: 5.96rem; line-height: 1.1; } } .typography-copy, .comment-content { font-size: 16px; font-size: 1.1429rem; line-height: 1.6; } .typography-copy .h6, .typography-copy h6, .comment-content .h6, .comment-content h6 { margin-top: 1.5em; margin-bottom: 0.75em; font-size: 1em; line-height: 1.5; } @media (min-width: 768px) { .typography-copy .h6, .typography-copy h6, .comment-content .h6, .comment-content h6 { font-size: 1em; line-height: 1.5; } } @media (min-width: 992px) { .typography-copy .h6, .typography-copy h6, .comment-content .h6, .comment-content h6 { font-size: 1em; line-height: 1.5; } } .typography-copy .h5, .typography-copy h5, .comment-content .h5, .comment-content h5 { margin-top: 1.5em; margin-bottom: 0.75em; font-size: 1.125em; line-height: 1.4; } @media (min-width: 768px) { .typography-copy .h5, .typography-copy h5, .comment-content .h5, .comment-content h5 { font-size: 1.2em; line-height: 1.4; } } @media (min-width: 992px) { .typography-copy .h5, .typography-copy h5, .comment-content .h5, .comment-content h5 { font-size: 1.25em; line-height: 1.4; } } .typography-copy .h4, .typography-copy h4, .comment-content .h4, .comment-content h4 { margin-top: 1.5em; margin-bottom: 0.75em; font-size: 1.266em; line-height: 1.4; } @media (min-width: 768px) { .typography-copy .h4, .typography-copy h4, .comment-content .h4, .comment-content h4 { font-size: 1.44em; line-height: 1.4; } } @media (min-width: 992px) { .typography-copy .h4, .typography-copy h4, .comment-content .h4, .comment-content h4 { font-size: 1.563em; line-height: 1.3; } } .typography-copy .h3, .typography-copy h3, .comment-content .h3, .comment-content h3 { margin-top: 1.5em; margin-bottom: 0.75em; font-size: 1.424em; line-height: 1.4; } @media (min-width: 768px) { .typography-copy .h3, .typography-copy h3, .comment-content .h3, .comment-content h3 { font-size: 1.728em; line-height: 1.3; } } @media (min-width: 992px) { .typography-copy .h3, .typography-copy h3, .comment-content .h3, .comment-content h3 { font-size: 1.953em; line-height: 1.3; } } .typography-copy .h2, .typography-copy h2, .comment-content .h2, .comment-content h2 { margin-top: 1.5em; margin-bottom: 0.75em; font-size: 1.602em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .h2, .typography-copy h2, .comment-content .h2, .comment-content h2 { font-size: 2.074em; line-height: 1.3; } } @media (min-width: 992px) { .typography-copy .h2, .typography-copy h2, .comment-content .h2, .comment-content h2 { font-size: 2.441em; line-height: 1.2; } } .typography-copy .h1, .typography-copy h1, .comment-content .h1, .comment-content h1 { margin-top: 1.5em; margin-bottom: 0.75em; font-size: 1.802em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .h1, .typography-copy h1, .comment-content .h1, .comment-content h1 { font-size: 2.488em; line-height: 1.2; } } @media (min-width: 992px) { .typography-copy .h1, .typography-copy h1, .comment-content .h1, .comment-content h1 { font-size: 3.052em; line-height: 1.2; } } .typography-copy .h0, .typography-copy h0, .comment-content .h0, .comment-content h0 { margin-top: 1.5em; margin-bottom: 0.75em; font-size: 2.027em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .h0, .typography-copy h0, .comment-content .h0, .comment-content h0 { font-size: 2.986em; line-height: 1.2; } } @media (min-width: 992px) { .typography-copy .h0, .typography-copy h0, .comment-content .h0, .comment-content h0 { font-size: 3.815em; line-height: 1.1; } } .typography-copy .h-1, .typography-copy h-1, .comment-content .h-1, .comment-content h-1 { margin-top: 1.5em; margin-bottom: 0.75em; font-size: 2.281em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .h-1, .typography-copy h-1, .comment-content .h-1, .comment-content h-1 { font-size: 3.583em; line-height: 1.2; } } @media (min-width: 992px) { .typography-copy .h-1, .typography-copy h-1, .comment-content .h-1, .comment-content h-1 { font-size: 4.768em; line-height: 1.1; } } .typography-copy .h-2, .typography-copy h-2, .comment-content .h-2, .comment-content h-2 { margin-top: 1.5em; margin-bottom: 0.75em; font-size: 2.566em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .h-2, .typography-copy h-2, .comment-content .h-2, .comment-content h-2 { font-size: 4.3em; line-height: 1.1; } } @media (min-width: 992px) { .typography-copy .h-2, .typography-copy h-2, .comment-content .h-2, .comment-content h-2 { font-size: 5.96em; line-height: 1.1; } } .typography-copy .typescale-n1, .comment-content .typescale-n1 { font-size: 0.889em; line-height: 1.5; } @media (min-width: 768px) { .typography-copy .typescale-n1, .comment-content .typescale-n1 { font-size: 0.889em; line-height: 1.5; } } @media (min-width: 992px) { .typography-copy .typescale-n1, .comment-content .typescale-n1 { font-size: 0.889em; line-height: 1.5; } } .typography-copy .typescale-0, .comment-content .typescale-0 { font-size: 1em; line-height: 1.5; } @media (min-width: 768px) { .typography-copy .typescale-0, .comment-content .typescale-0 { font-size: 1em; line-height: 1.5; } } @media (min-width: 992px) { .typography-copy .typescale-0, .comment-content .typescale-0 { font-size: 1em; line-height: 1.5; } } .typography-copy .typescale-1, .comment-content .typescale-1 { font-size: 1.125em; line-height: 1.4; } @media (min-width: 768px) { .typography-copy .typescale-1, .comment-content .typescale-1 { font-size: 1.2em; line-height: 1.4; } } @media (min-width: 992px) { .typography-copy .typescale-1, .comment-content .typescale-1 { font-size: 1.25em; line-height: 1.4; } } .typography-copy .typescale-2, .comment-content .typescale-2 { font-size: 1.266em; line-height: 1.4; } @media (min-width: 768px) { .typography-copy .typescale-2, .comment-content .typescale-2 { font-size: 1.44em; line-height: 1.4; } } @media (min-width: 992px) { .typography-copy .typescale-2, .comment-content .typescale-2 { font-size: 1.563em; line-height: 1.3; } } .typography-copy .typescale-3, .comment-content .typescale-3 { font-size: 1.424em; line-height: 1.4; } @media (min-width: 768px) { .typography-copy .typescale-3, .comment-content .typescale-3 { font-size: 1.728em; line-height: 1.3; } } @media (min-width: 992px) { .typography-copy .typescale-3, .comment-content .typescale-3 { font-size: 1.953em; line-height: 1.3; } } .typography-copy .typescale-4, .comment-content .typescale-4 { font-size: 1.602em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .typescale-4, .comment-content .typescale-4 { font-size: 2.074em; line-height: 1.3; } } @media (min-width: 992px) { .typography-copy .typescale-4, .comment-content .typescale-4 { font-size: 2.441em; line-height: 1.2; } } .typography-copy .typescale-5, .comment-content .typescale-5 { font-size: 1.802em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .typescale-5, .comment-content .typescale-5 { font-size: 2.488em; line-height: 1.2; } } @media (min-width: 992px) { .typography-copy .typescale-5, .comment-content .typescale-5 { font-size: 3.052em; line-height: 1.2; } } .typography-copy .typescale-6, .comment-content .typescale-6 { font-size: 2.027em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .typescale-6, .comment-content .typescale-6 { font-size: 2.986em; line-height: 1.2; } } @media (min-width: 992px) { .typography-copy .typescale-6, .comment-content .typescale-6 { font-size: 3.815em; line-height: 1.1; } } .typography-copy .typescale-7, .comment-content .typescale-7 { font-size: 2.281em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .typescale-7, .comment-content .typescale-7 { font-size: 3.583em; line-height: 1.2; } } @media (min-width: 992px) { .typography-copy .typescale-7, .comment-content .typescale-7 { font-size: 4.768em; line-height: 1.1; } } .typography-copy .typescale-8, .comment-content .typescale-8 { font-size: 2.566em; line-height: 1.3; } @media (min-width: 768px) { .typography-copy .typescale-8, .comment-content .typescale-8 { font-size: 4.3em; line-height: 1.1; } } @media (min-width: 992px) { .typography-copy .typescale-8, .comment-content .typescale-8 { font-size: 5.96em; line-height: 1.1; } } .typography-copy h1, .typography-copy .h1, .comment-content h1, .comment-content .h1 { font-weight: 700; } .typography-copy h2, .typography-copy .h2, .comment-content h2, .comment-content .h2 { font-weight: 700; } .typography-copy h3, .typography-copy .h3, .comment-content h3, .comment-content .h3 { font-weight: 700; } .typography-copy h4, .typography-copy .h4, .comment-content h4, .comment-content .h4 { font-weight: 700; } .typography-copy h5, .typography-copy .h5, .comment-content h5, .comment-content .h5 { font-weight: 700; } .typography-copy h6, .typography-copy .h6, .comment-content h6, .comment-content .h6 { font-weight: 700; } .typography-copy blockquote, .comment-content blockquote { margin: 0 0 1.6em 0; padding: 0 0 0 1em; border-left: 5px solid #eee; font-size: 1.2em; line-height: 1.5; color: rgba(0, 0, 0, 0.5); } .typography-copy blockquote::before, .comment-content blockquote::before { content: "\201c"; display: block; position: relative; top: 0.225em; margin-bottom: 0.2em; color: #eee; font-weight: 700; font-size: 5em; line-height: 0.3; } .typography-copy blockquote cite, .comment-content blockquote cite { font-size: 0.86em; } .typography-copy blockquote p, .comment-content blockquote p { margin-bottom: 1em; } .typography-copy mark, .comment-content mark { color: rgba(0, 0, 0, 0.8); background: #fbff64; } .typography-copy ol, .typography-copy ul, .comment-content ol, .comment-content ul { margin-bottom: 1.6em; padding-left: 1.8em; } .typography-copy li > ol, .typography-copy li > ul, .comment-content li > ol, .comment-content li > ul { margin-bottom: 0; } .typography-copy p, .comment-content p { margin-bottom: 1.6em; } .center { text-align: center; } /* ============================================================================= ## UTILITIES ============================================================================= */ /* ----------------------------------------------------------------- ## Objects ----------------------------------------------------------------- */ /*---- Responsive Video wrapper ----*/ .atbs-responsive-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .atbs-responsive-video iframe, .atbs-responsive-video object, .atbs-responsive-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } /*---- Rainbow bar ----*/ .rainbow-bar { width: 100%; height: 6px; background: -webkit-gradient( linear, left top, right top, from(#a85e6c), color-stop(12.5%, #a85e6c), color-stop(12.5%, #e37f52), color-stop(25%, #e37f52), color-stop(25%, #ef9f48), color-stop(37.5%, #ef9f48), color-stop(37.5%, #9cb641), color-stop(50%, #9cb641), color-stop(50%, #009484), color-stop(62.5%, #009484), color-stop(62.5%, #21acb8), color-stop(75%, #21acb8), color-stop(75%, #1972dd), color-stop(87.5%, #1972dd), color-stop(87.5%, #8fa0ae), to(#8fa0ae) ); background: -webkit-linear-gradient( left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100% ); background: -moz-linear-gradient( left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100% ); background: -o-linear-gradient( left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100% ); background: linear-gradient( 90deg, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100% ); background-image: -webkit-gradient( linear, 0% 50%, 100% 50%, color-stop(0%, #a85e6c), color-stop(12.5%, #a85e6c), color-stop(12.5%, #e37f52), color-stop(25%, #e37f52), color-stop(25%, #ef9f48), color-stop(37.5%, #ef9f48), color-stop(37.5%, #9cb641), color-stop(50%, #9cb641), color-stop(50%, #009484), color-stop(62.5%, #009484), color-stop(62.5%, #21acb8), color-stop(75%, #21acb8), color-stop(75%, #1972dd), color-stop(87.5%, #1972dd), color-stop(87.5%, #8fa0ae), color-stop(100%, #8fa0ae) ); background-image: -webkit-linear-gradient( left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100% ); background-image: -moz-linear-gradient( left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100% ); background-image: -o-linear-gradient( left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100% ); background-image: -webkit-gradient( linear, left top, right top, from(#a85e6c), color-stop(12.5%, #a85e6c), color-stop(12.5%, #e37f52), color-stop(25%, #e37f52), color-stop(25%, #ef9f48), color-stop(37.5%, #ef9f48), color-stop(37.5%, #9cb641), color-stop(50%, #9cb641), color-stop(50%, #009484), color-stop(62.5%, #009484), color-stop(62.5%, #21acb8), color-stop(75%, #21acb8), color-stop(75%, #1972dd), color-stop(87.5%, #1972dd), color-stop(87.5%, #8fa0ae), to(#8fa0ae) ); background-image: linear-gradient( left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100% ); } /*---- Flexbox ----*/ .flexbox { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .flexbox > * { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; /*IE fix*/; } .flexbox--middle { -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .flexbox__item { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } /*---- Scrollable list ----*/ .atbs-scrollable-list { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; } .atbs-scrollable-list-wrapper { position: relative; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .atbs-scrollable-list-inner { height: 0; } /* ---------------------------------------------------------------- Background -----------------------------------------------------------------*/ .block-with-bg { position: relative; padding: 10px; } @media (min-width: 768px) { .block-with-bg { padding: 20px; } } .background-wrap { overflow: hidden; background: #444; } .has-cover-bg-img, .background-img { background-color: #333; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; } .background-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .background-img::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #111; opacity: 0; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .background-img--dimmed::after { opacity: 0.2; } .background-img--darkened::after { opacity: 0.4; } .background-img--more-darkened::after { opacity: 0.6; } .background-img--tinted::after { background-color: #fff; } .background-img--floorfade::after { opacity: 1; background-color: transparent; background-image: -webkit-linear-gradient(bottom, black 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, black), color-stop(70%, rgba(0, 0, 0, 0.6)), to(transparent)); background-image: -moz-linear-gradient(bottom, black 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: -o-linear-gradient(bottom, black 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: linear-gradient(0deg, black 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); } .background-img--floorfade-light::after { opacity: 1; background-color: transparent; background-image: -webkit-linear-gradient(bottom, black 0, transparent 50%, transparent 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, black), color-stop(50%, transparent), to(transparent)); background-image: -moz-linear-gradient(bottom, black 0, transparent 50%, transparent 100%); background-image: -o-linear-gradient(bottom, black 0, transparent 50%, transparent 100%); background-image: linear-gradient(0deg, black 0, transparent 50%, transparent 100%); } .background-img--scrim-bottom::after { opacity: 1; background-color: transparent; background-image: -webkit-linear-gradient( -270deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -webkit-gradient( linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent) ); background-image: -webkit-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -moz-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -o-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: linear-gradient( 0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); } .background-pattern { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background-color: #aaa; background-size: auto; background-repeat: repeat; background-attachment: scroll; } .background-svg-pattern { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E"); } .background-svg-pattern-inverse { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23000000' fill-opacity='0.025' fill-rule='evenodd'/%3E%3C/svg%3E"); } .background-svg-pattern--solid-color { background-color: #12162d; } .overlap-background { position: absolute; top: 0; right: 0; bottom: 60px; left: 0; } .atbs-carousel-nav-a .overlap-background { bottom: 90px; } .background-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.6; } .js-overlay-bg-sub { display: none; } .blurred { filter: blur(10px); -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); } .blurred-subtle { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); } .blurred-more { filter: blur(20px); -webkit-filter: blur(20px); -moz-filter: blur(20px); -o-filter: blur(20px); -ms-filter: blur(20px); } .blurred-massive { filter: blur(30px); -webkit-filter: blur(30px); -moz-filter: blur(30px); -o-filter: blur(30px); -ms-filter: blur(30px); } .grayscale { -webkit-filter: grayscale(1); filter: grayscale(1); } .floorfade { background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.9)), color-stop(70%, rgba(0, 0, 0, 0.6)), to(transparent)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); } .floorfade-pseudo::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.7)), color-stop(50%, rgba(0, 0, 0, 0.6)), to(transparent)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); } .ceilingfade { background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.7)), color-stop(50%, rgba(0, 0, 0, 0.6)), to(transparent)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); } .sidefade-from-left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.9)), color-stop(70%, rgba(0, 0, 0, 0.6)), to(transparent)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); } .sidefade-from-left--wide::before { content: ""; position: absolute; top: 0; right: 100%; bottom: 0; left: -9999px; background: rgba(0, 0, 0, 0.9); } .sidefade-from-left--pseudo::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.9)), color-stop(70%, rgba(0, 0, 0, 0.6)), to(transparent)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%); } .sidefade-from-right { background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(0, 0, 0, 0.7)), color-stop(50%, rgba(0, 0, 0, 0.6)), to(transparent)); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%); } .color-primary { color: var(--color-primary); } .primary-bg-color { background-color: var(--color-primary) !important; } .secondary-bg-color { background-color: #0a293b !important; } .lightgray-bg { background-color: #fafafa; } /* ---------------------------------------------------------------- Positioning -----------------------------------------------------------------*/ .abs-center, .atbs-video-player__play-icon, .atbs-video-box__playlist .is-playing .post__thumb::after { position: absolute !important; top: 50%; left: 50%; right: auto; bottom: auto; -webkit-transform: translate(-50%, -50%) translateZ(0); -moz-transform: translate(-50%, -50%) translateZ(0); -ms-transform: translate(-50%, -50%) translateZ(0); -o-transform: translate(-50%, -50%) translateZ(0); transform: translate(-50%, -50%) translateZ(0); } .stretched { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .overlay-content, .overlay-content__inner { position: relative; } .overlay-bottom.overlay-bottom { position: absolute; top: auto; right: 0; bottom: 0; left: 0; } .overlay-center-y.overlay-center-y { position: absolute; top: 50%; right: 0; bottom: auto; left: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .overlap-bottom.overlap-bottom { position: absolute; top: auto; right: auto; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .pos-relative { position: relative !important; } /* ---------------------------------------------------------------- Padding & Margin -----------------------------------------------------------------*/ .p-0 { padding: 0; } .p-t-0 { padding-top: 0; } .p-r-0 { padding-right: 0; } .p-b-0 { padding-bottom: 0; } .p-l-0 { padding-left: 0; } .p-xs { padding: 10px !important; } .p-t-xs { padding-top: 10px !important; } .p-r-xs { padding-right: 10px !important; } .p-b-xs { padding-bottom: 10px !important; } .p-l-xs { padding-left: 10px !important; } .p-x-xs { padding-left: 10px !important; padding-right: 10px !important; } .p-y-xs { padding-top: 10px !important; padding-bottom: 10px !important; } .p-sm { padding: 15px !important; } .p-t-sm { padding-top: 15px !important; } .p-r-sm { padding-right: 15px !important; } .p-b-sm { padding-bottom: 15px !important; } .p-l-sm { padding-left: 15px !important; } .p-x-sm { padding-left: 15px !important; padding-right: 15px !important; } .p-y-sm { padding-top: 15px !important; padding-bottom: 15px !important; } .p-md { padding: 20px !important; } .p-t-md { padding-top: 20px !important; } .p-r-md { padding-right: 20px !important; } .p-b-md { padding-bottom: 20px !important; } .p-l-md { padding-left: 20px !important; } .p-x-md { padding-left: 20px !important; padding-right: 20px !important; } .p-y-md { padding-top: 20px !important; padding-bottom: 20px !important; } .p-lg { padding: 30px !important; } .p-t-lg { padding-top: 30px !important; } .p-r-lg { padding-right: 30px !important; } .p-b-lg { padding-bottom: 30px !important; } .p-l-lg { padding-left: 30px !important; } .p-x-lg { padding-left: 30px !important; padding-right: 30px !important; } .p-y-lg { padding-top: 30px !important; padding-bottom: 30px !important; } .p-xl { padding: 40px !important; } .p-t-xl { padding-top: 40px !important; } .p-r-xl { padding-right: 40px !important; } .p-b-xl { padding-bottom: 40px !important; } .p-l-xl { padding-left: 40px !important; } .p-x-xl { padding-left: 40px !important; padding-right: 40px !important; } .p-y-xl { padding-top: 40px !important; padding-bottom: 40px !important; } .p-xxl { padding: 50px !important; } .p-t-xxl { padding-top: 50px !important; } .p-r-xxl { padding-right: 50px !important; } .p-b-xxl { padding-bottom: 50px !important; } .p-l-xxl { padding-left: 50px !important; } .p-x-xxl { padding-left: 50px !important; padding-right: 50px !important; } .p-y-xxl { padding-top: 50px !important; padding-bottom: 50px !important; } .m-l-a { margin-left: auto !important; } .m-r-a { margin-right: auto !important; } .m-x-a { margin-left: auto !important; margin-right: auto !important; } .m-0 { margin: 0; } .m-t-0 { margin-top: 0; } .m-r-0 { margin-right: 0 !important; } .m-b-0 { margin-bottom: 0; } .m-l-0 { margin-left: 0; } .m-xs { margin: 10px !important; } .m-t-xs { margin-top: 10px !important; } .m-r-xs { margin-right: 10px !important; } .m-b-xs { margin-bottom: 10px !important; } .m-l-xs { margin-left: 10px !important; } .m-x-xs { margin-left: 10px !important; margin-right: 10px !important; } .m-y-xs { margin-top: 10px !important; margin-bottom: 10px !important; } .m-sm { margin: 15px !important; } .m-t-sm { margin-top: 15px !important; } .m-r-sm { margin-right: 15px !important; } .m-b-sm { margin-bottom: 15px !important; } .m-l-sm { margin-left: 15px !important; } .m-x-sm { margin-left: 15px !important; margin-right: 15px !important; } .m-y-sm { margin-top: 15px !important; margin-bottom: 15px !important; } .m-md { margin: 20px !important; } .m-t-md { margin-top: 20px !important; } .m-r-md { margin-right: 20px !important; } .m-b-md { margin-bottom: 20px !important; } .m-l-md { margin-left: 20px !important; } .m-x-md { margin-left: 20px !important; margin-right: 20px !important; } .m-y-md { margin-top: 20px !important; margin-bottom: 20px !important; } .m-lg { margin: 30px !important; } .m-t-lg { margin-top: 30px !important; } .m-r-lg { margin-right: 30px !important; } .m-b-lg { margin-bottom: 30px !important; } .m-l-lg { margin-left: 30px !important; } .m-x-lg { margin-left: 30px !important; margin-right: 30px !important; } .m-y-lg { margin-top: 30px !important; margin-bottom: 30px !important; } .m-xl { margin: 40px !important; } .m-t-xl { margin-top: 40px !important; } .m-r-xl { margin-right: 40px !important; } .m-b-xl { margin-bottom: 40px !important; } .m-l-xl { margin-left: 40px !important; } .m-x-xl { margin-left: 40px !important; margin-right: 40px !important; } .m-y-xl { margin-top: 40px !important; margin-bottom: 40px !important; } .m-xxl { margin: 50px !important; } .m-t-xxl { margin-top: 50px !important; } .m-r-xxl { margin-right: 50px !important; } .m-b-xxl { margin-bottom: 50px !important; } .m-l-xxl { margin-left: 50px !important; } .m-x-xxl { margin-left: 50px !important; margin-right: 50px !important; } .m-y-xxl { margin-top: 50px !important; margin-bottom: 50px !important; } .spacer-xs { height: 20px; clear: both; } .spacer-sm { height: 30px; clear: both; } .spacer-md { height: 40px; clear: both; } .spacer-lg { height: 60px; clear: both; } .spacer-xl { height: 80px; clear: both; } .spacer-xxl { height: 100px; clear: both; } /* ---------------------------------------------------------------- Width & Height -----------------------------------------------------------------*/ .max-width-xs { max-width: 320px !important; } .max-width-sm { max-width: 720px !important; } .max-width-md { max-width: 940px !important; } .max-width-lg { max-width: 1140px !important; } .max-width-xl { max-width: 1440px !important; } .max-width-xxl { max-width: 1920px !important; } [class*="max-width-"].text-center { margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .fullwidth-xs { width: -webkit-calc(100% + 30px); width: -moz-calc(100% + 30px); width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; } } /*---- Ratio ----*/ .ratio-1by1 { position: relative; padding-bottom: 100%; height: 0; } .ratio-2by1 { position: relative; padding-bottom: 50%; height: 0; } .ratio-3by1 { position: relative; padding-bottom: 33.33%; height: 0; } .ratio-4by3 { position: relative; padding-bottom: 75%; height: 0; } .ratio-16by9 { position: relative; padding-bottom: 56.25%; height: 0; } /* ---------------------------------------------------------------- Text styling -----------------------------------------------------------------*/ @media (max-width: 767px) { .text-center-xs { text-align: center; } } .text-white { color: #fff !important; } .text-underline { text-decoration: underline; } .inverse-text { position: relative; color: white; } .inverse-text.header-main { background-color: #FFFFFF; } .header-main .background-img-wrapper { z-index: 1; } .header-main .background-img-wrapper .background-img { z-index: 0; } .header-main .background-img-wrapper + .container { z-index: 1; position: relative; } .navigation-bar--inverse .atbs-custom-user .bk-username a, .inverse-text .atbs-custom-user .bk-username a { color: #fff; } .inverse-text .text-secondary { color: rgba(255, 255, 255, 0.8); } .text-truncate, .category-tile__name { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .truncate-y { position: relative; overflow: hidden; } .truncate-y::after { content: ""; display: block; height: 40px; width: 100%; position: absolute; top: auto; right: 0; bottom: 0; left: 0; background: -webkit-linear-gradient(bottom, black 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(70%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(0deg, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); } .link-overlay { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .link-block { display: block; } .meta-color, a.meta-color { color: rgba(0, 0, 0, 0.4); } .meta-text, a.meta-text { color: rgba(0, 0, 0, 0.4); } .v-align { vertical-align: middle; } .visuallyhidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .has-mdicon > span, .has-mdicon > b, .has-mdicon > em, .has-mdicon > strong, .has-mdicon > a, .has-mdicon > i { vertical-align: middle; } /* ---------------------------------------------------------------- List styling -----------------------------------------------------------------*/ .list-unstyled, .atbs-video-box__playlist ul { margin: 0; padding: 0; list-style: none; } .list-center { text-align: center; } .list-center > li { display: inline-block; } .list-float::after { clear: both; content: ""; display: table; } .list-float > li { float: left; } .list-space-xs { margin-top: -5px; margin-bottom: -5px; } .list-space-xs > * { padding-top: 5px; padding-bottom: 5px; } .list-space-sm { margin-top: -7.5px; margin-bottom: -7.5px; } .list-space-sm > * { padding-top: 7.5px; padding-bottom: 7.5px; } .list-space-md { margin-top: -10px; margin-bottom: -10px; } .list-space-md > * { padding-top: 10px; padding-bottom: 10px; } .list-space-lg { margin-top: -15px; margin-bottom: -15px; } .list-space-lg > * { padding-top: 15px; padding-bottom: 15px; } .list-space-xl { margin-top: -20px; margin-bottom: -20px; } .list-space-xl > * { padding-top: 20px; padding-bottom: 20px; } .list-space-xxl { margin-top: -25px; margin-bottom: -25px; } .list-space-xxl > * { padding-top: 25px; padding-bottom: 25px; } .list-space-xxxl { margin-top: -30px; margin-bottom: -30px; } .list-space-xxxl > * { padding-top: 30px; padding-bottom: 30px; } .list-horizontal { margin-top: 0; margin-bottom: 0; } .list-horizontal > li { display: inline-block; padding-top: 0; padding-bottom: 0; } .list-horizontal.list-space-xs { margin-left: -5px; margin-right: -5px; } .list-horizontal.list-space-xs > * { padding-left: 5px; padding-right: 5px; } .list-horizontal.list-space-sm { margin-left: -7.5px; margin-right: -7.5px; } .list-horizontal.list-space-sm > * { padding-left: 7.5px; padding-right: 7.5px; } .list-horizontal.list-space-md { margin-left: -10px; margin-right: -10px; } .list-horizontal.list-space-md > * { padding-left: 10px; padding-right: 10px; } .list-horizontal.list-space-lg { margin-left: -15px; margin-right: -15px; } .list-horizontal.list-space-lg > * { padding-left: 15px; padding-right: 15px; } .list-horizontal.list-space-xl { margin-left: -20px; margin-right: -20px; } .list-horizontal.list-space-xl > * { padding-left: 20px; padding-right: 20px; } .list-horizontal.list-space-xxl { margin-left: -25px; margin-right: -25px; } .list-horizontal.list-space-xxl > * { padding-left: 25px; padding-right: 25px; } [class*="list-seperated"].list-space-xs { margin-top: -10px; margin-bottom: -10px; } [class*="list-seperated"].list-space-xs > * { padding-top: 10px; padding-bottom: 10px; } [class*="list-seperated"].list-space-sm { margin-top: -15px; margin-bottom: -15px; } [class*="list-seperated"].list-space-sm > * { padding-top: 15px; padding-bottom: 15px; } [class*="list-seperated"].list-space-md { margin-top: -20px; margin-bottom: -20px; } [class*="list-seperated"].list-space-md > * { padding-top: 20px; padding-bottom: 20px; } [class*="list-seperated"].list-space-lg { margin-top: -30px; margin-bottom: -30px; } [class*="list-seperated"].list-space-lg > * { padding-top: 30px; padding-bottom: 30px; } [class*="list-seperated"].list-space-xl { margin-top: -40px; margin-bottom: -40px; } [class*="list-seperated"].list-space-xl > * { padding-top: 40px; padding-bottom: 40px; } [class*="list-seperated"].list-space-xxl { margin-top: -50px; margin-bottom: -50px; } [class*="list-seperated"].list-space-xxl > * { padding-top: 50px; padding-bottom: 50px; } [class*="list-seperated"] > *:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .list-seperated-include-first > *:first-child { border-top: 1px solid rgba(0, 0, 0, 0.05); } .list-seperated-include-last > *:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .list-seperated-exclude-first > *:first-child { border-bottom: none; } .inverse-text .list-seperated > *:not(:last-child), .overlay-content .list-seperated > *:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .inverse-text .list-seperated-include-first > *:first-child, .overlay-content .list-seperated-include-first > *:first-child { border-top: 1px solid rgba(255, 255, 255, 0.1); } .inverse-text .list-seperated-include-last > *:last-child, .overlay-content .list-seperated-include-last > *:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .list-square-bullet { list-style: none; } .list-square-bullet > li > * { position: relative; padding-left: 15px; } .list-square-bullet > li > *::before { content: ""; display: inline-block; width: 5px; height: 5px; position: absolute; top: 0.5em; right: auto; bottom: auto; left: 0; background: rgba(0, 0, 0, 0.1); } .list-square-bullet-exclude-first > li:not(:first-child) > * { position: relative; padding-left: 15px; } .list-square-bullet-exclude-first > li:not(:first-child) > *::before { content: ""; display: inline-block; width: 5px; height: 5px; position: absolute; top: 0.58em; right: auto; bottom: auto; left: 0; background: rgba(0, 0, 0, 0.1); } /* ---------------------------------------------------------------- Social branding color -----------------------------------------------------------------*/ .facebook-theme, .facebook-theme-hover:hover { color: #3b5998 !important; } .facebook-theme-bg, .facebook-theme-bg-hover:hover { background-color: #3b5998 !important; } .twitter-theme, .twitter-theme-hover:hover { color: #55acee !important; } .twitter-theme-bg, .twitter-theme-bg-hover:hover { background-color: #55acee !important; } .dribbble-theme, .dribbble-theme-hover:hover { color: #EA4C89 !important; } .dribbble-theme-bg, .dribbble-theme-bg-hover:hover { background-color: #EA4C89 !important; } .youtube-theme, .youtube-theme-hover:hover { color: #cd201f !important; } .youtube-theme-bg, .youtube-theme-bg-hover:hover { background-color: #cd201f !important; } .pinterest-theme, .pinterest-theme-hover:hover { color: #bd081c !important; } .pinterest-theme-bg, .pinterest-theme-bg-hover:hover { background-color: #bd081c !important; } .tumblr-theme, .tumblr-theme-hover:hover { color: #35465c !important; } .tumblr-theme-bg, .tumblr-theme-bg-hover:hover { background-color: #35465c !important; } .instagram-theme, .instagram-theme-hover:hover { color: #3f729b !important; } .instagram-theme-bg, .instagram-theme-bg-hover:hover { background-color: #3f729b !important; } .vk-theme, .vk-theme-hover:hover { color: #45668e !important; } .vk-theme-bg, .vk-theme-bg-hover:hover { background-color: #45668e !important; } /* ---------------------------------------------------------------- Shadows -----------------------------------------------------------------*/ .shadow-1, .atbs-carousel-shadow-1 .owl-stage-outer { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); } .shadow-2, .atbs-carousel-shadow-2 .owl-stage-outer { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); } .shadow-3, .atbs-carousel-shadow-3 .owl-stage-outer { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); } .shadow-4, .atbs-carousel-shadow-4 .owl-stage-outer { -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); } .shadow-5, .atbs-carousel-shadow-5 .owl-stage-outer { -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.06), 0 15px 12px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.06), 0 15px 12px rgba(0, 0, 0, 0.04); box-shadow: 0 19px 38px rgba(0, 0, 0, 0.06), 0 15px 12px rgba(0, 0, 0, 0.04); } .shadow-hover-1 { -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .shadow-hover-1:hover { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); } .shadow-hover-2 { -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .shadow-hover-2:hover { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); } .shadow-hover-3 { -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .shadow-hover-3:hover { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); } .shadow-hover-4 { -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .shadow-hover-4:hover { -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); } .shadow-hover-5 { -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .shadow-hover-5:hover { -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.06), 0 15px 12px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.06), 0 15px 12px rgba(0, 0, 0, 0.04); box-shadow: 0 19px 38px rgba(0, 0, 0, 0.06), 0 15px 12px rgba(0, 0, 0, 0.04); } .stacked-top { -webkit-box-shadow: 0 -20px 0 -10px #f5f5f5, 0 -38px 0 -20px #fafafa; -moz-box-shadow: 0 -20px 0 -10px #f5f5f5, 0 -38px 0 -20px #fafafa; box-shadow: 0 -20px 0 -10px #f5f5f5, 0 -38px 0 -20px #fafafa; } .stacked-bottom { -webkit-box-shadow: 0 20px 0 -10px #f5f5f5, 0 38px 0 -20px #fafafa; -moz-box-shadow: 0 20px 0 -10px #f5f5f5, 0 38px 0 -20px #fafafa; box-shadow: 0 20px 0 -10px #f5f5f5, 0 38px 0 -20px #fafafa; } /* ---------------------------------------------------------------- Animation -----------------------------------------------------------------*/ @-webkit-keyframes kenburns { 0% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes kenburns { 0% { -moz-transform: scale(1.2); } 100% { -moz-transform: scale(1); } } @keyframes kenburns { 0% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } /*---- Scrollable container ----*/ .scroll-area-horizontal { overflow-x: auto; -webkit-overflow-scrolling: touch; } .scroll-area-horizontal__inner { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: no-wrap; -moz-box-lines: no-wrap; box-lines: no-wrap; -webkit-flex-wrap: no-wrap; -moz-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; } .scroll-area-horizontal__inner > * { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .kenburns { -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-animation-name: kenburns; -moz-animation-name: kenburns; animation-name: kenburns; -webkit-animation-duration: 30s; -moz-animation-duration: 30s; animation-duration: 30s; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; animation-direction: alternate; } /* ============================================================================= ## LAYOUT ============================================================================= */ .site-content { padding-top: 35px; padding-bottom: 35px; flex: 1; } @media (min-width: 768px) { .site-content { padding-top: 70px; padding-bottom: 70px; } } @media (max-width: 767px) { .container.fullwidth-xs { width: 100%; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } } .container--narrow { max-width: 970px; } .container--wide { width: 100%; max-width: 1440px; } .container--fw { width: 100%; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container--fw { padding-left: 30px; padding-right: 30px; } } .atbs-main-col { width: 100%; float: left; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { .atbs-main-col { width: 680px; } } @media (min-width: 1200px) { .atbs-main-col { width: 840px; padding-right: 35px; } } .atbs-main-col.has-left-sidebar { float: right; } @media (min-width: 1200px) { .atbs-main-col.has-left-sidebar { padding-left: 35px; padding-right: 15px; } } .atbs-sub-col { width: 100%; float: left; padding-top: 30px; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { .atbs-sub-col { padding-top: 0; width: 290px; } } @media (min-width: 1200px) { .atbs-sub-col { width: 330px; } } .row--flex { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .space-bw { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .row--flex.row--vertical-center { -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .row--flex > [class*="col-"] { float: none; } .row--stack > [class*="col-"] { margin-bottom: 30px; } .row--space-between { margin-top: -15px; margin-bottom: -15px; clear: both; } .row--space-between > [class*="col-"] { padding-top: 15px; padding-bottom: 15px; } .grid-no-gutter .row, .grid-no-gutter.row { margin-left: 0; margin-right: 0; } .grid-no-gutter .row--space-between, .grid-no-gutter.row--space-between { margin-top: 0; margin-bottom: 0; } .grid-no-gutter [class*="col-"] { padding-left: 0; padding-right: 0; } .grid-no-gutter .row--space-between > [class*="col-"], .grid-no-gutter.row--space-between > [class*="col-"] { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; } .grid-gutter-2 .row, .grid-gutter-2.row { margin-left: -1px; margin-right: -1px; } .grid-gutter-2 .row--space-between, .grid-gutter-2.row--space-between { margin-top: -1px; margin-bottom: -1px; } .grid-gutter-2 [class*="col-"] { padding-left: 1px; padding-right: 1px; } .grid-gutter-2 .row--space-between > [class*="col-"], .grid-gutter-2.row--space-between > [class*="col-"] { padding-left: 1px; padding-right: 1px; padding-top: 1px; padding-bottom: 1px; } .grid-gutter-4 .row, .grid-gutter-4.row { margin-left: -2px; margin-right: -2px; } .grid-gutter-4 .row--space-between, .grid-gutter-4.row--space-between { margin-top: -2px; margin-bottom: -2px; } .grid-gutter-4 [class*="col-"] { padding-left: 2px; padding-right: 2px; } .grid-gutter-4 .row--space-between > [class*="col-"], .grid-gutter-4.row--space-between > [class*="col-"] { padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; } .grid-gutter-10 .row, .grid-gutter-10.row { margin-left: -5px; margin-right: -5px; } .grid-gutter-10 .row--space-between, .grid-gutter-10.row--space-between { margin-top: -5px; margin-bottom: -5px; } .grid-gutter-10 [class*="col-"] { padding-left: 5px; padding-right: 5px; } .grid-gutter-10 .row--space-between > [class*="col-"], .grid-gutter-10.row--space-between > [class*="col-"] { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; } .grid-gutter-20 .row, .grid-gutter-20.row { margin-left: -10px; margin-right: -10px; } .grid-gutter-20 .row--space-between, .grid-gutter-20.row--space-between { margin-top: -10px; margin-bottom: -10px; } .grid-gutter-20 [class*="col-"] { padding-left: 10px; padding-right: 10px; } .grid-gutter-20 .row--space-between > [class*="col-"], .grid-gutter-20.row--space-between > [class*="col-"] { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } .grid-gutter-40 .row, .grid-gutter-40.row { margin-left: -20px; margin-right: -20px; } .grid-gutter-40 .row--space-between, .grid-gutter-40.row--space-between { margin-top: -20px; margin-bottom: -20px; } .grid-gutter-40 [class*="col-"] { padding-left: 20px; padding-right: 20px; } .grid-gutter-40 .row--space-between > [class*="col-"], .grid-gutter-40.row--space-between > [class*="col-"] { padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; } .grid-gutter-50 .row, .grid-gutter-50.row { margin-left: -25px; margin-right: -25px; } .grid-gutter-50 .row--space-between, .grid-gutter-50.row--space-between { margin-top: -25px; margin-bottom: -25px; } .grid-gutter-50 [class*="col-"] { padding-left: 25px; padding-right: 25px; } .grid-gutter-50 .row--space-between > [class*="col-"], .grid-gutter-50.row--space-between > [class*="col-"] { padding-left: 25px; padding-right: 25px; padding-top: 25px; padding-bottom: 25px; } /* ----------------------------------------------------------------- ## Site Header ----------------------------------------------------------------- */ .site-header { position: relative; background: #fff; -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); z-index: 20; } .site-header__inner { padding: 0 15px; } .container .site-header__inner { padding: 0; } /* * ## Top bar *--------------------*/ .top-bar__inner { padding: 10px 0; } .top-bar__inner--fw { padding: 10px 30px; } .top-bar__inner--flex { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } .top-bar__inner--flex > .top-bar__section { padding-right: 20px; } .top-bar__inner--flex > .top-bar__section:last-child { padding-right: 0; } /*---- Top navigation ----*/ .top-bar__nav .navigation { margin: 0 -8px; font-size: 13px; } .top-bar__nav .navigation a { color: rgba(255, 255, 255, 0.8); } .top-bar__nav .navigation li { position: relative; } .top-bar__nav .navigation > li > a { padding: 0 8px; line-height: 20px; } .top-bar__nav .navigation > li.menu-item-has-children > a::after { /* use !important to prevent issues with browser extensions that change fonts */ display: inline-block; font-family: "mdicon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e5c5"; display: inline-block; margin-left: 0.1em; margin-top: -0.2em; font-size: 1.2em; } .top-bar__nav .navigation .sub-menu { min-width: 220px; position: absolute; top: 100%; right: auto; bottom: auto; left: 0; margin-top: 10px; padding: 8px; background: #fafafa; color: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; z-index: 10; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.09); box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.09); -webkit-transition: all 0.1s ease-in-out 0.1s; -moz-transition: all 0.1s ease-in-out 0.1s; -o-transition: all 0.1s ease-in-out 0.1s; transition: all 0.1s ease-in-out 0.1s; } .top-bar__nav .navigation li:hover > .sub-menu { opacity: 1; visibility: visible; } /*.top-bar__nav .navigation li:focus-within > .sub-menu { opacity: 1; visibility: visible; }*/ .top-bar__nav .navigation .sub-menu a { display: block; padding: 4px 8px; color: rgba(0, 0, 0, 0.6); } .top-bar__nav .navigation .sub-menu li:hover > a, .top-bar__nav .navigation .sub-menu li > a:focus { background: rgba(0, 0, 0, 0.05); } .top-bar a { color: rgba(0, 0, 0, 0.4); } .top-bar__nav .navigation > li > a { color: rgba(0, 0, 0, 0.4); -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } .top-bar__nav .navigation > li:hover > a, .top-bar__nav .navigation > li > a:focus { color: rgba(0, 0, 0, 0.8); } /*---- Top bar fullwidth ----*/ .top-bar--fullwidth { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .top-bar:not(.top-bar--fullwidth) .top-bar__inner { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } /*---- Top bar inverse ----*/ .top-bar--inverse.top-bar--fullwidth { background: #111; color: rgba(255, 255, 255, 0.8); } .top-bar--inverse .top-bar__nav .navigation > li > a, .top-bar--inverse .social-list--inline > li > a { color: rgba(255, 255, 255, 0.8); -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } .top-bar--inverse .top-bar__nav .navigation > li:hover > a, .top-bar--inverse .social-list--inline > li:hover > a, .top-bar--inverse .top-bar__nav .navigation > li > a:focus, .top-bar--inverse .social-list--inline > li > a:focus { color: white; } /*.top-bar--inverse .top-bar__nav .navigation > li:focus-within > a, .top-bar--inverse .social-list--inline > li:focus-within > a { color: white; }*/ /* * ## Header main *--------------------*/ .header-main { padding: 5px 0; } @media (min-width: 992px) { .header-main { padding: 40px 0; } } .header-main__inner--flex { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .header-main__section { padding-right: 20px; } .header-main__section:last-child { padding-right: 0; } .header-main--inverse { background: #1b1d1c; color: rgba(255, 255, 255, 0.8); } /*---- Header branding ---*/ .navigation-bar .header-branding { max-width: 30%; } .header-branding--mobile { min-width: 0; } .site-title { color: var(--color-primary); font-size: 36px; font-weight: 700; } @media (min-width: 1200px) { .site-title { font-size: 48px; } } .site-title:first-child { margin-top: 0; } .site-title:last-child { margin-bottom: 0; } .site-title a { color: inherit; text-decoration: none; } .navigation-bar .site-title { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin: 0; font-size: 36px; line-height: 60px; } .site-description { font-size: 14px; color: rgba(0, 0, 0, 0.4); } .mobile-header .site-title { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin: 0; font-size: 20px; } .mobile-header .site-title a { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } /*---- Header logo ---*/ .header-logo a { text-decoration: none !important; } .navigation-bar .header-logo { display: inline-block; vertical-align: middle; } .navigation-bar .header-logo img { max-height: 60px; padding: 15px 0; } .navigation-bar--inverse .header-logo--text, .navigation-bar--inverse .header-logo--text a { color: #fff; } /*---- Header main buttons ---*/ .header-main-btn { display: inline-block; padding: 5px 10px; font-size: 24px; text-align: center; cursor: pointer; vertical-align: middle; color: inherit; text-decoration: none; } .header-main-btn:hover, .header-main-btn:active, .header-main-btn:focus { color: inherit; text-decoration: none; } .header-main-btn .mdicon, .header-main-btn i { font-size: 1.2em; } .header-main-btn .mdicon:not(:last-child), .header-main-btn i:not(:last-child) { margin-right: 0.2em; } /*---- Header search ---*/ .header-main .header-search .search-form__input { -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); } /* * ## Navigation bar *--------------------*/ .navigation-bar { height: 60px; position: relative; z-index: 1; } .navigation-bar--fullwidth { background: #fff; } .navigation-bar__inner { position: relative; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .navigation-bar--inverse:not(.navigation-bar--fullwidth) .navigation-bar__inner { padding-left: 10px; padding-right: 10px; } .navigation-bar--fullwidth .navigation-bar__inner { padding-left: 15px; padding-right: 15px; } .navigation-bar--fullwidth .container .navigation-bar__inner { padding-left: 0; padding-right: 0; } .navigation-bar:not(.navigation-bar--fullwidth):not(.navigation-bar--inverse) .navigation-bar__inner { -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); } .navigation-bar__section { min-width: 0; padding-left: 8px; padding-right: 8px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .navigation-bar__section:first-child { padding-left: 0; } .navigation-bar__section:last-child { padding-right: 0; } /* * #Main navigation *--------------------*/ .navigation-wrapper { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } @media (min-width: 1200px) { .navigation-bar .header-logo { padding-right: 20px; } } .navigation--main { display: inline-block; vertical-align: middle; white-space: nowrap; font-size: 0; } .navigation--main * { white-space: initial; } .navigation--main a { text-decoration: none; } .navigation--main > li { font-size: 14px; font-size: 1rem; white-space: normal; text-align: left; } .navigation--main > li > a { display: inline-block; height: 70px; padding: 0 10px; font-size: 13px; font-size: 0.92857rem; line-height: 70px; font-weight: 700; text-transform: uppercase; } .navigation--main > li.menu-item-has-children > a::after, .navigation--main .sub-menu > li.menu-item-has-children > a::after, .navigation--main .sub-menu-inner> ul > li.menu-item-has-children>a::after { /* use !important to prevent issues with browser extensions that change fonts */ display: inline-block; font-family: "mdicon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e5cf"; margin-left: 0.1em; margin-top: -0.1em; font-size: 1.3em; letter-spacing: -0.2857em; } .navigation--main .sub-menu > li.menu-item-has-children > a { position: relative; padding-right: 20px; } .navigation--main .sub-menu > li.menu-item-has-children > a::after, .navigation--main .sub-menu-inner> ul > li.menu-item-has-children>a::after { content: "\e409"; position: absolute; top: 50%; right: 7px; left: auto; bottom: auto; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .navigation--main > li > a { position: relative; color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.2s ease-out 0.05s; -moz-transition: all 0.2s ease-out 0.05s; -o-transition: all 0.2s ease-out 0.05s; transition: all 0.2s ease-out 0.05s; } .navigation--main > li > a::before { content: ""; display: block; height: 3px; position: absolute; top: auto; right: 0; bottom: 0; left: 0; background: var(--color-primary); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: bottom center; -moz-transform-origin: bottom center; -ms-transform-origin: bottom center; -o-transform-origin: bottom center; transform-origin: bottom center; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .navigation--main > li:hover > a, .navigation--main > li > a:focus, .navigation--main > li.current-menu-item > a { color: rgba(0, 0, 0, 0.8); } .navigation--main > li:hover > a::before, .navigation--main > li > a:focus::before, .navigation--main > li.current-menu-item > a::before { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } /*.navigation--main > li:focus-within > a::before { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }*/ .navigation--main .sub-menu { color: rgba(0, 0, 0, 0.6); font-size: 14px; font-size: 1rem; line-height: 1.4; } .navigation--main > li > .sub-menu, .navigation--main li > .sub-menu .sub-menu { width: 220px; position: absolute; top: 100%; right: auto; bottom: auto; left: auto; padding: 0; background: #fafafa; opacity: 0; visibility: hidden; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -webkit-transform: scale(1, 0.9); -moz-transform: scale(1, 0.9); -ms-transform: scale(1, 0.9); -o-transform: scale(1, 0.9); transform: scale(1, 0.9); -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -moz-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; z-index: 30; } .navigation--main li>.sub-menu .sub-menu li, .navigation--main>li>.sub-menu li { padding-left: 15px; padding-right: 25px; } .navigation--main li:hover > .sub-menu { opacity: 1; visibility: visible; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } /*.navigation--main li:focus-within > .sub-menu { opacity: 1; visibility: visible; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; }*/ .navigation--main li > .sub-menu .sub-menu { position: absolute; top: 0; right: auto; bottom: auto; left: 100%; margin-left: 10px; } .navigation--main .sub-menu a { display: block; padding: 6px 8px; color: rgba(0, 0, 0, 0.6); line-height: 1.4; } /* .navigation--main .sub-menu li:hover > a { background: rgba(0, 0, 0, 0.05); } */ /* * Priority nav dropdown *------------------------*/ .priority-nav__more { direction: rtl; } .priority-nav__more * { direction: ltr; } .priority-nav__more > a > i { display: inline-block; margin-left: 0.1em; margin-top: -0.1em; letter-spacing: -0.2857em; } .priority-nav__more .sub-menu .sub-menu, .priority-nav__more li.menu-item-has-children > a::after, .priority-nav__more .atbs-mega-menu { display: none !important; } /* * Navigation bar inverse *------------------------*/ .navigation-bar--inverse:not(.navigation-bar--fullwidth) .navigation-bar__inner { background: #1b1d1c; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .navigation-bar--inverse.navigation-bar--fullwidth { background: ; } .navigation-bar--inverse.navigation-bar--fullwidth .container .navigation-bar__inner { padding-left: 0; padding-right: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none; } .navigation-bar--inverse .navigation-bar__section--seperated { border-color: rgba(255, 255, 255, 0.1); } .navigation-bar--inverse .navigation--main > li > a, .navigation-bar--inverse .navigation-bar-btn { color: rgba(255, 255, 255, 0.8); } .navigation-bar--inverse .navigation--main > li > a:hover, .navigation-bar--inverse .navigation--main > li > a:focus, .navigation-bar--inverse .navigation--main > li > a:active, .navigation-bar--inverse .navigation-bar-btn:hover, .navigation-bar--inverse .navigation-bar-btn:focus, .navigation-bar--inverse .navigation-bar-btn:active { color: white; } .navigation-bar--inverse .navigation--main > li:hover > a, .navigation-bar--inverse .navigation--main > li > a:focus, .navigation-bar--inverse .navigation--main > li.current-menu-item > a { color: white; } /* * Mega menu *--------------------*/ .atbs-mega-menu { width: 100%; position: absolute; top: 100%; right: auto; bottom: auto; left: 0; background: #fafafa; -webkit-box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.09); box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.09); z-index: 20; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); opacity: 0; visibility: hidden; -webkit-transform: scale(1, 0.9); -moz-transform: scale(1, 0.9); -ms-transform: scale(1, 0.9); -o-transform: scale(1, 0.9); transform: scale(1, 0.9); -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -moz-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; } .navigation--main li:hover > .atbs-mega-menu { opacity: 1; visibility: visible; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } /*.navigation--main li:focus-within > .atbs-mega-menu { opacity: 1; visibility: visible; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; }*/ .atbs-mega-menu__inner { padding: 20px; pointer-events: auto; } .atbs-mega-menu .container .atbs-mega-menu__inner { padding-left: 0; padding-right: 0; } /*---- Category mega menu ----*/ .atbs-mega-menu .posts-list { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin: 0 -10px; } .atbs-mega-menu .posts-list > li { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; padding: 0 10px; } .atbs-mega-menu .posts-list > li.big-post { -webkit-box-flex: 2; -moz-box-flex: 2; box-flex: 2; -webkit-flex: 2; -moz-flex: 2; -ms-flex: 2; flex: 2; } .atbs-mega-menu ul.sub-categories { margin: 20px 0 0; padding: 0; list-style: none; } .atbs-mega-menu ul.sub-categories li { display: inline-block; } .atbs-mega-menu ul.sub-categories li:not(:first-child) { margin-left: 2px; } /*---- Links mega menu ----*/ .atbs-mega-menu__inner > .sub-menu { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .atbs-mega-menu__inner > .sub-menu > li { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-basis: 20%; -moz-flex-basis: 20%; flex-basis: 20%; -ms-flex-preferred-size: 20%; padding: 10px; } .navigation--main .atbs-mega-menu .sub-menu a { padding: 10px 0; border: 0; } .atbs-mega-menu__inner > .sub-menu > li { border: 0; } .atbs-mega-menu__inner > .sub-menu > li:nth-child(n + 6) { max-width: 20%; } .atbs-mega-menu__inner > .sub-menu > li > a { padding-left: 0; padding-right: 0; background: transparent; font-weight: 700; text-transform: uppercase; } .atbs-mega-menu__inner > .sub-menu > li:hover > a, .atbs-mega-menu__inner > .sub-menu > li > a:focus { background: transparent; } .atbs-mega-menu__inner .sub-menu > li.menu-item-has-children > a::after { content: none; } .atbs-mega-menu__inner .sub-menu .sub-menu { padding: 5px 0 0; } /* * Nav bar buttons *--------------------*/ .navigation-bar-btn { color: inherit; text-decoration: none; display: inline-block; height: 70px; padding: 0 10px; background: transparent; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 1rem; text-align: center; cursor: pointer; vertical-align: top; } .navigation-bar-btn:hover, .navigation-bar-btn:active, .navigation-bar-btn:focus { color: inherit; text-decoration: none; } .navigation-bar-btn span, .navigation-bar-btn i { line-height: 70px; vertical-align: middle; } .navigation-bar-btn i { font-size: 20px; } .header-2 .lwa-template-modal .navigation-bar__login-btn i.mdicon-person { font-size: 18px; width: 35px; height: 35px; background-color: var(--color-primary); border-radius: 50%; color: #fff; line-height: 18px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 1px; margin-right: 11px; } .header-2 .lwa-template-modal .navigation-bar__login-btn i.mdicon-person + span { line-height: 1.5; font-weight: 600; color: rgba(0, 0, 0, 0.6); font-size: 15px; text-transform: capitalize; letter-spacing: 0.1px; } .header-2 .header-main .navigation-bar { border-top: 1px solid rgba(0,0,0,0.05); } .navigation-bar-btn i:not(:last-child) { margin-right: 0.2em; } .lwa { margin-bottom: 0; } .lwa-avatar { width: auto; height: auto; } .atbs-offcanvas__section .lwa-avatar > .bk-username { display: inline-block !important; margin-left: 8px; } .atbs-offcanvas__section .lwa-avatar > .bk-username a { text-decoration: none !important; color: #444; font-weight: bold; outline: 0 !important; } .atbs-offcanvas__section .lwa-avatar .bk-canvas-logout { border-left: 1px solid rgba(0, 0, 0, 0.15); display: inline-block !important; margin-left: 10px; padding-left: 10px; } .atbs-offcanvas__section .bk-canvas-logout a { text-decoration: none !important; color: #444; font-weight: bold; outline: 0 !important; } .atbs-offcanvas__section .bk-lwa.navigation-bar-btn .avatar, .atbs-offcanvas__section .navigation-bar-btn span, .atbs-offcanvas__section .navigation-bar-btn i { line-height: 1; } .atbs-offcanvas__section tr, .lwa-template-modal > .bk-lwa > table > tbody > tr { border-bottom: none !important; } .lwa-modal { padding: 0; background: none; width: auto; margin-left: 0; } .lwa-status, .bk-login-status { margin-bottom: 20px; } .lwa-avatar.bk-avatar img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .bk-lwa.navigation-bar-btn .avatar { line-height: 70px; } .bk-account-info { width: 230px; position: absolute; top: 100%; right: 0; bottom: auto; left: auto; padding: 25px 0 10px 0; background: #fff; opacity: 0; visibility: hidden; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -webkit-transform: scale(1, 0.9); -moz-transform: scale(1, 0.9); -o-transform: scale(1, 0.9); -ms-transform: scale(1, 0.9); transform: scale(1, 0.9); -webkit-transform-origin: top left; -moz-transform-origin: top left; -o-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -moz-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; z-index: 30; overflow-y: auto; max-height: 380px; } .bk-lwa:hover > .bk-account-info, .bk-lwa:focus > .bk-account-info { opacity: 1; visibility: visible; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } /* .bk-lwa:focus-within > .bk-account-info { opacity: 1; visibility: visible; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; }*/ .bk-lwa-profile .profile-author-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 25px 25px 25px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .bk-lwa-profile.bk-profile-custom .bk-avatar img { width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .bk-lwa-profile { text-align: left; } .bk-lwa-profile .bk-avatar { width: auto; height: auto; float: none; margin-left: 0; position: initial; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; text-align: left; margin-right: 12px; } .lwa-avatar.bk-avatar img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .bk-lwa-profile .bk-user-data { color: rgba(0, 0, 0, 0.8); font-size: 14px; text-align: left; } .bk-lwa-profile .bk-username { height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .bk-lwa-profile .bk-username a { font-size: 16px; line-height: 1.5; font-weight: 600; color: rgba(0, 0, 0, 0.6); text-transform: capitalize; } .bk-lwa-profile .bk-user-data > div:hover { /* background-color: #f0f0f0;*/ } .bk-lwa-profile.bk-profile-custom .bk-block:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .bk-lwa-profile.bk-profile-custom .bk-block { padding: 15px 25px; } .bk-lwa-profile.bk-profile-custom .bk-block a { font-size: 14px; line-height: 1.5; font-weight: 400; color: rgba(0, 0, 0, 0.6); text-transform: initial; text-decoration: none; } .bk-lwa-profile .bk-user-data > div:first-child { margin-top: 0; } .bk-lwa-profile .bk-user-data i { margin-right: 5px; width: 17px; height: 17px; line-height: 14px; color: #666; } /*---- Header search ---*/ .header-search { max-width: 100%; min-width: 280px; } .navigation-bar--inverse .header-search .search-form__input, .navigation-bar--dark .header-search .search-form__input, .site-header--inverse .header-search .search-form__input { background: #fff; } .header-search-dropdown { display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #fafafa; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .header-search-dropdown.is-active { display: block; opacity: 1; visibility: visible; } .header-search-dropdown .search-form__input { padding: 18px 8px; background: transparent; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 16px; font-size: 1.14286rem; } @media (min-width: 768px) { .header-search-dropdown .search-form__input { font-size: 26px; font-size: 1.85714rem; } } .header-search-dropdown .search-form__input:focus { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: none; } .header-search-dropdown .search-form__submit { text-transform: uppercase; } .search-form--horizontal { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .search-form--horizontal .search-form__input-wrap { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .search-form--horizontal .search-form__submit-wrap { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0; -moz-flex: 0; -ms-flex: 0; flex: 0; } .search-results { color: rgba(0, 0, 0, 0.8); } .ajax-search .search-results { display: none; opacity: 0; /*visibility: hidden;*/ -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .ajax-search .search-results.is-active { display: block; opacity: 1; visibility: visible; } .ajax-search .search-results .typing-loader { margin: 0 auto; } .ajax-search .search-results:not(.is-loading) .typing-loader { display: none; } /*Typing Loader*/ .typing-loader { width: 6px; height: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation: typing 1s linear infinite alternate; -moz-animation: Typing 1s linear infinite alternate; animation: typing 1s linear infinite alternate; position: relative; left: -12px; } @-webkit-keyframes typing { 0% { background-color: black; -webkit-box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2); } 25% { background-color: rgba(0, 0, 0, 0.4); -webkit-box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2); } 75% { background-color: rgba(0, 0, 0, 0.4); -webkit-box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black; box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black; } } @-moz-keyframes typing { 0% { background-color: black; -moz-box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2); } 25% { background-color: rgba(0, 0, 0, 0.4); -moz-box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2); } 75% { background-color: rgba(0, 0, 0, 0.4); -moz-box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black; box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black; } } @keyframes typing { 0% { background-color: black; -webkit-box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2); } 25% { background-color: rgba(0, 0, 0, 0.4); -webkit-box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2); } 75% { background-color: rgba(0, 0, 0, 0.4); -webkit-box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black; -moz-box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black; box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black; } } .header-search-dropdown .search-results { max-height: -webkit-calc(100vh - 108px); max-height: -moz-calc(100vh - 108px); max-height: calc(100vh - 108px); overflow-y: auto; } @media (min-width: 1200px) { .header-search-dropdown .search-results { max-height: -webkit-calc(100vh - 133px); max-height: -moz-calc(100vh - 133px); max-height: calc(100vh - 133px); } } .header-search-dropdown .search-results__inner { padding-bottom: 30px; } .search-results__view-all { display: block; clear: both; margin-top: 20px; font-size: 18px; font-size: 1.28571rem; text-align: center; } /*---- Dropdown login ---*/ .nav-login__dropdown { padding: 20px; background: #fafafa; } /* * Header banner *--------------------*/ .header-main--inverse .search-form__input { background: #fff; } .navigation-bar--inverse .navigation--main > li > a, .navigation-bar--inverse .navigation-bar-btn { color: rgba(255, 255, 255, 0.85); } .navigation-bar--inverse .navigation--main > li > a:hover, .navigation-bar--inverse .navigation--main > li > a:focus, .navigation-bar--inverse .navigation--main > li > a:active, .navigation-bar--inverse .navigation-bar-btn:hover, .navigation-bar--inverse .navigation-bar-btn:focus, .navigation-bar--inverse .navigation-bar-btn:active { color: white; } /* * Mobile header *--------------------*/ .mobile-header { position: relative; height: 50px; background: #fff; -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); } @media (min-width: 768px) { .mobile-header { height: 70px; } } .mobile-header__inner { padding: 0 15px; } .container .mobile-header__inner { padding: 0; } .mobile-header__inner--flex { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; width: 100%; } .mobile-header__section { padding-right: 20px; white-space: nowrap; } .mobile-header__section:last-child { padding-right: 0; } .header-logo--mobile img { max-height: 50px; /*padding: 10px 0;*/ } @media (min-width: 768px) { .header-logo--mobile img { max-height: 70px; } } .mobile-header-btn { color: inherit; text-decoration: none; display: inline-block; height: 50px; padding: 0 4px; background: transparent; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: rgba(0, 0, 0, 0.8); font-size: 14px; font-weight: 700; text-transform: uppercase; cursor: pointer; vertical-align: middle; } .mobile-header-btn:hover, .mobile-header-btn:active, .mobile-header-btn:focus { color: inherit; text-decoration: none; } @media (min-width: 768px) { .mobile-header-btn { height: 70px; } } .mobile-header-btn:hover { color: rgba(0, 0, 0, 0.8); } .mobile-header-btn > span { display: inline-block; line-height: 50px; vertical-align: middle; } @media (min-width: 768px) { .mobile-header-btn > span { line-height: 70px; } } .mobile-header-btn i { font-size: 26px; line-height: 50px; } @media (min-width: 768px) { .mobile-header-btn i { font-size: 24px; line-height: 70px; } } .mobile-header--dark, .mobile-header--inverse { background: #1b1d1c; color: #fff; } .mobile-header--dark .mobile-header-btn, .mobile-header--inverse .mobile-header-btn { color: rgba(255, 255, 255, 0.8); } .mobile-header--dark .mobile-header-btn:hover, .mobile-header--inverse .mobile-header-btn:hover { color: white; } /*---- Sticky header ----*/ .sticky-header { position: fixed; top: 0; left: 0; width: 100%; -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04); visibility: hidden; pointer-events: none; z-index: 50; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; -webkit-transform: translate3d(0, -101%, 0); -moz-transform: translate3d(0, -101%, 0); -ms-transform: translate3d(0, -101%, 0); -o-transform: translate3d(0, -101%, 0); transform: translate3d(0, -101%, 0); } .sticky-header.is-shown { pointer-events: initial; -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); } .sticky-header.is-fixed { pointer-events: initial; visibility: visible; } /*---- Overlap header ---*/ .has-overlap-header .site-header--overlap::after { clear: both; content: ""; display: table; } .has-overlap-header .site-header--overlap .navigation-bar { margin-bottom: -30px; } @media (min-width: 992px) { .has-overlap-header .atbs-block--fullwidth.atbs-mosaic-block--with-bg:first-child, .has-overlap-header .atbs-block--fullwidth.has-overlap-background:first-child, .has-overlap-header .atbs-block--fullwidth.has-background:first-child, .has-overlap-header .atbs-block--fullwidth:first-child .atbs-block__inner { padding-top: 60px; } } /* ----------------------------------------------------------------- ## Site Footer ----------------------------------------------------------------- */ .site-footer { position: relative; } .site-footer__inner { position: relative; } .site-footer__section { position: relative; padding-bottom: 30px; } .site-footer__section--seperated { padding-top: 30px; } .site-footer__section-inner { position: relative; } .site-footer__section--bordered, .site-footer__section--bordered-inner .site-footer__section-inner { border-top: 1px solid rgba(0, 0, 0, 0.05); } .site-footer__section--bordered-inner .site-footer__section-inner { padding-top: 30px; } /* * Footer widget *--------------------*/ .site-footer .widget:last-child { margin-bottom: 0; } .has-block-heading-line-under .site-footer .widget__title { border-bottom: none; } /* * Footer menu *--------------------*/ .navigation--footer .sub-menu { display: none; } .navigation--footer > li { padding: 0.2em 0.4em; } .navigation--footer > li > a { color: rgba(0, 0, 0, 0.6); } .navigation--footer > li > a:hover, .navigation--footer > li > a:focus { color: rgba(0, 0, 0, 0.8); } .footer-menu--bold .navigation--footer > li > a { font-weight: 700; text-transform: uppercase; } @media (min-width: 768px) { .site-footer__section--flex .site-footer__section-inner { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } } .site-footer__section--flex .site-footer__section-left { padding-bottom: 20px; text-align: center; } @media (min-width: 768px) { .site-footer__section--flex .site-footer__section-left { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; padding-right: 10px; padding-bottom: 0; text-align: left; } } .site-footer__section--flex .site-footer__section-right { text-align: center; } @media (min-width: 768px) { .site-footer__section--flex .site-footer__section-right { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; text-align: right; } } /*---- Footer inverse ----*/ .site-footer--inverse { background: #313131; color: rgba(255, 255, 255, 0.8); } .site-footer--inverse a, .site-footer--inverse .post__title a { color: white; } .site-footer--inverse .navigation--footer > li > a { color: rgba(255, 255, 255, 1); } .site-footer--inverse .navigation--footer > li > a:hover, .site-footer--inverse .navigation--footer > li > a:focus { color: white; } .site-footer--inverse .site-footer__section--bordered, .site-footer--inverse .site-footer__section--bordered-inner .site-footer__section-inner { border-top: 1px solid rgba(255, 255, 255, 0.06); } .has-block-heading-line-around .site-footer--inverse .widget__title::before, .has-block-heading-line-around .site-footer--inverse .widget__title::after { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .atbs-go-top.atbs-go-top { width: 40px; height: 40px; position: fixed; top: auto; bottom: 10px; left: auto; right: 10px; padding: 0; font-size: 18px; line-height: 40px; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -webkit-transform: translate(0, 54px); -moz-transform: translate(0, 54px); -ms-transform: translate(0, 54px); -o-transform: translate(0, 54px); transform: translate(0, 54px); -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; pointer-events: none; visibility: hidden; z-index: 10; } @media (min-width: 1200px) { .atbs-go-top.atbs-go-top { bottom: 20px; right: 20px; -webkit-transform: translate(0, 64px); -moz-transform: translate(0, 64px); -ms-transform: translate(0, 64px); -o-transform: translate(0, 64px); transform: translate(0, 64px); } } .atbs-go-top.atbs-go-top.is-active { visibility: visible; pointer-events: initial; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .atbs-go-top.atbs-go-top { display: none; } .atbs-go-top.atbs-go-top i { line-height: 38px; vertical-align: initial; } /* ============================================================================= ## COMPONENTS ============================================================================= */ /* ----------------------------------------------------------------- ## Block heading ----------------------------------------------------------------- */ .block-heading { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; width: 100%; position: relative; margin-bottom: 1.4rem; font-size: 1rem; line-height: 1.2; } .block-heading a { color: inherit; text-decoration: none; } .block-heading a:hover, .block-heading a:active, .block-heading a:focus { color: inherit; text-decoration: none; } .block-heading__title { margin: 0; color: rgba(0, 0, 0, 0.8); font-size: 1.1rem; line-height: 1.2; letter-spacing: 0.08em; font-weight: 700; text-transform: uppercase; } .block-heading--secondary .block-heading__title { font-size: 1rem; font-weight: 300; } .block-heading .first-word { font-weight: 300; } .block-heading__subtitle { line-height: 1.4; letter-spacing: normal; font-size: 1rem; color: rgba(0, 0, 0, 0.4); } .overlay-content .block-heading__subtitle, .inverse-text .block-heading__subtitle { color: rgba(255, 255, 255, 0.8); } .block-heading__secondary { padding-left: 0.6em; text-align: right; vertical-align: middle; } .block-heading__secondary a { color: inherit; text-decoration: none; } .block-heading__secondary a:hover, .block-heading__secondary a:active, .block-heading__secondary a:focus { color: inherit; text-decoration: none; } /*---- Block heading large ----*/ @media (min-width: 768px) { .block-heading--lg { margin-bottom: 1.6rem; } } @media (min-width: 768px) { .block-heading--lg .block-heading__title { font-size: 20px; font-size: 1.43rem; } } /*---- Block heading line ----*/ .has-block-heading-line .block-heading::after { content: ""; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; box-ordinal-group: 2; -webkit-order: 2; -moz-order: 2; order: 2; -ms-flex-order: 2; margin-left: 0.6em; border-top: 2px solid rgba(0, 0, 0, 0.05); } .has-block-heading-line .block-heading__secondary { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; box-ordinal-group: 3; -webkit-order: 3; -moz-order: 3; order: 3; -ms-flex-order: 3; } /*---- Block heading center ----*/ .block-heading--center { display: block; text-align: center; border: none !important; } .block-heading--center::before, .block-heading--center::after { display: none; } /*---- Block heading line around ----*/ .has-block-heading-line-around .block-heading::before, .has-block-heading-line-around .block-heading::after { content: ""; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0.6em; border-bottom: 2px solid rgba(0, 0, 0, 0.05); } .has-block-heading-line-around .block-heading::after { margin-left: 0.6em; } .has-block-heading-line-around .block-heading__secondary { display: none; } /*---- Block heading line under ----*/ .has-block-heading-line-under .block-heading { padding-bottom: 5px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .has-block-heading-line-under .overlay-content .block-heading, .has-block-heading-line-under .inverse-text .block-heading, .has-block-heading-line-under .block-heading--inverse.block-heading { border-color: rgba(255, 255, 255, 0.4); } /*---- Block heading box ----*/ .block-heading--box { padding: 10px 12px 11px; border: 1px solid rgba(0, 0, 0, 0.05); border-bottom: none; background: #fafafa; } .block-heading--box .block-heading__title { font-size: 14px; } /*---- Block heading vertical ----*/ .block-heading--vertical { display: block; } .block-heading--vertical.block-heading--vertical { padding-bottom: 0; border-bottom: none; } .block-heading--vertical > *:not(:last-child) { margin-bottom: 0.4em; } /*---- Block heading inverse ----*/ .block-heading--inverse { position: relative; color: white; z-index: 1; } .block-heading--inverse .block-heading__title { color: white; } .block-heading--inverse .block-heading__subtitle { color: rgba(255, 255, 255, 0.8); } .block-heading.block-heading--inverse::before, .block-heading.block-heading--inverse::after { border-color: rgba(255, 255, 255, 0.2); } /*---- Search results section heading ----*/ .search-results__section-heading { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; width: 100%; position: relative; margin-bottom: 1.4rem; border-bottom: 1px solid rgba(0, 0, 0, 0.05); line-height: 1.2; } .search-results__section-heading-title { margin-bottom: 0; font-size: 1rem; font-weight: 300; line-height: 1.2; text-transform: uppercase; } .search-results__section-heading a { color: inherit; text-decoration: none; } .search-results__section-heading a:hover, .search-results__section-heading a:active, .search-results__section-heading a:focus { color: inherit; text-decoration: none; } .search-results__section-heading-more { color: rgba(0, 0, 0, 0.4); } /* ----------------------------------------------------------------- ## Buttons ----------------------------------------------------------------- */ input[type="button"]:not(.btn), input[type="reset"]:not(.btn), input[type="submit"]:not(.btn) { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } input[type="button"]:not(.btn):hover, input[type="reset"]:not(.btn):hover, input[type="submit"]:not(.btn):hover { background: #efefef; border: 1px solid rgba(0, 0, 0, 0.2); } .btn { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .btn:hover, .btn:focus, .btn:active, .btn:visited { border: 1px solid rgba(0, 0, 0, 0.2); } a.btn { text-decoration: none; } .btn-link { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link:active, .btn-link:focus, .btn-link:hover { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-default:hover, .btn-default:focus, .btn-default:active { background: #f8f8f8; } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover { background: #eee; border: 1px solid rgba(0, 0, 0, 0.2); } .btn-primary { background: var(--color-primary); color: #fff; } .btn-primary:active, .btn-primary:focus, .btn-primary:hover { background: #ef392b; color: #fff; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover { background: #e33629; color: #fff; } .btn-pill { -webkit-border-radius: 999em; -moz-border-radius: 999em; border-radius: 999em; } .btn-glass { border: 3px solid rgba(255, 255, 255, 0.4); background-clip: padding-box; } .btn-glass:active, .btn-glass:focus, .btn-glass:hover { border: 3px solid rgba(255, 255, 255, 0.4); } .btn-ghost { border: 1px solid rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 0.8); } .btn-ghost:hover, .btn-ghost:active, .btn-ghost:focus, .btn-ghost:visited { border: 1px solid rgba(255, 255, 255, 0.8); color: white; } .btn-frame { border: 1px solid rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.8); } .btn-frame:hover, .btn-frame:active, .btn-frame:focus, .btn-frame:visited { border: 1px solid rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.8); } /* ----------------------------------------------------------------- ## Custom Scrollbar ----------------------------------------------------------------- */ .ps-container > .ps-scrollbar-y-rail, .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { width: 6px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { right: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y { width: 8px; } .ps-container > .ps-scrollbar-y-rail { background: transparent !important; } .scrollbar-always-visible.ps-container > .ps-scrollbar-x-rail, .scrollbar-always-visible.ps-container > .ps-scrollbar-y-rail { opacity: 0.6; } .iScrollVerticalScrollbar { position: absolute; z-index: 9999; width: 6px; bottom: 4px; top: 4px; right: 4px; overflow: hidden; } .iScrollIndicator { position: absolute; background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 999em; -moz-border-radius: 999em; border-radius: 999em; } .iScrollVerticalScrollbar .iScrollIndicator { width: 100%; } .atbs-video-box .iScrollIndicator { background: rgba(255, 255, 255, 0.5); } /* ----------------------------------------------------------------- ## Forms ----------------------------------------------------------------- */ label { font-size: 14px; font-size: 1rem; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: rgba(0, 0, 0, 0.4); } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(0, 0, 0, 0.4); opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(0, 0, 0, 0.4); opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0, 0, 0, 0.4); } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[list], textarea, textarea.form-control, select, select.form-control { width: 100%; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1.42857143; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[list]:focus, textarea:focus, textarea.form-control:focus, select:focus, select.form-control:focus { border: 1px solid var(--color-primary); outline: none; } label > input, label > textarea, label > select { margin-top: 5px; } input[type=checkbox], input[type=radio] { margin: 4px 0.5em 0; } /* ----------------------------------------------------------------- ## Category Tile ----------------------------------------------------------------- */ .category-tile { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); } .category-tile__wrap { position: relative; margin-top: 20px; -webkit-box-shadow: 0 -20px 0 -10px rgba(0, 0, 0, 0.05), 0 -38px 0 -20px rgba(0, 0, 0, 0.02); -moz-box-shadow: 0 -20px 0 -10px rgba(0, 0, 0, 0.05), 0 -38px 0 -20px rgba(0, 0, 0, 0.02); box-shadow: 0 -20px 0 -10px rgba(0, 0, 0, 0.05), 0 -38px 0 -20px rgba(0, 0, 0, 0.02); } .category-tile__inner { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; min-height: 180px; position: relative; } .category-tile--sm .category-tile__inner { min-height: 120px; } .category-tile .link-overlay { z-index: 1; } .category-tile__text { width: 100%; position: relative; padding: 20px 20px 15px; text-align: center; } .category-tile__name { max-width: 100%; display: inline-block; padding: 0.4em 1em; background: #333; color: #fff; font-size: 0.8571rem; font-weight: 700; text-transform: uppercase; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .category-tile__description { margin-top: 0.4em; color: rgba(255, 255, 255, 0.8); font-size: 0.8571rem; } .category-tile:hover .background-img::after { opacity: 0.6; } /* ----------------------------------------------------------------- ## Block Divider ----------------------------------------------------------------- */ .block-divider { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; margin: 1.2em 0; } .block-divider::before, .block-divider::after { content: ""; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .block-divider > span { margin: 0 0.6em; } .horizontal-divider { margin: 30px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .horizontal-divider--space-sm { margin: 10px 0; } /* ----------------------------------------------------------------- ## Icons ----------------------------------------------------------------- */ @font-face { font-family: "mdicon"; src: url("//6212555.fs1.hubspotusercontent-na1.net/hubfs/6212555/raw_assets/public/Circle%202-0_2021-%20Circle%20Website%20Refresh/css/atoms/fonts/mdicon.ttf") format("truetype"), url("//6212555.fs1.hubspotusercontent-na1.net/hubfs/6212555/raw_assets/public/Circle%202-0_2021-%20Circle%20Website%20Refresh/css/atoms/fonts/mdicon.woff") format("woff"); font-weight: normal; font-style: normal; } .mdicon { /* use !important to prevent issues with browser extensions that change fonts */ display: inline-block; font-family: "mdicon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .btn .mdicon { font-size: 1.2em; } .mdicon-schedule::before { content: "\e8b5"; } .mdicon-add_circle::before { content: "\e147"; } .mdicon-apps::before { content: "\e5c3"; } .mdicon-arrow_back::before { content: "\e5c4"; } .mdicon-arrow_downward::before { content: "\e5db"; } .mdicon-arrow_drop_down::before { content: "\e5c5"; } .mdicon-arrow_drop_up::before { content: "\e5c7"; } .mdicon-arrow_forward::before { content: "\e5c8"; } .mdicon-arrow_upward::before { content: "\e5d8"; } .mdicon-audiotrack::before { content: "\e3a1"; } .mdicon-border_color::before { content: "\e22b"; } .mdicon-cached::before { content: "\e86a"; } .mdicon-chat_bubble::before { content: "\e0ca"; } .mdicon-chat_bubble_outline::before { content: "\e0cb"; } .mdicon-navigate_before::before { content: "\e408"; } .mdicon-navigate_next::before { content: "\e409"; } .mdicon-close::before { content: "\e5cd"; } .mdicon-mode_edit::before { content: "\e254"; } .mdicon-crop_original::before { content: "\e3c4"; } .mdicon-dehaze::before { content: "\e3c7"; } .mdicon-remove_circle::before { content: "\e15c"; } .mdicon-expand_less::before { content: "\e5ce"; } .mdicon-expand_more::before { content: "\e5cf"; } .mdicon-extension::before { content: "\e87b"; } .mdicon-favorite::before { content: "\e87d"; } .mdicon-favorite_border::before { content: "\e87e"; } .mdicon-get_app::before { content: "\e884"; } .mdicon-filter::before { content: "\e3d3"; } .mdicon-flash_on::before { content: "\e3e7"; } .mdicon-folder::before { content: "\e2c7"; } .mdicon-folder_open::before { content: "\e2c8"; } .mdicon-star::before { content: "\e838"; } .mdicon-home::before { content: "\e88a"; } .mdicon-open_in_new::before { content: "\e89e"; } .mdicon-shopping_cart::before { content: "\e8cc"; } .mdicon-local_offer::before { content: "\e54e"; } .mdicon-mail_outline::before { content: "\e0e1"; } .mdicon-menu::before { content: "\e5d2"; } .mdicon-more_horiz::before { content: "\e5d3"; } .mdicon-more_vert::before { content: "\e5d4"; } .mdicon-person::before { content: "\e7fd"; } .mdicon-play_arrow::before { content: "\e037"; } .mdicon-play_circle_filled::before { content: "\e038"; } .mdicon-play_circle_outline::before { content: "\e039"; } .mdicon-public::before { content: "\e80b"; } .mdicon-visibility::before { content: "\e8f4"; } .mdicon-reply::before { content: "\e15e"; } .mdicon-rss_feed::before { content: "\e0e5"; } .mdicon-search::before { content: "\e8b6"; } .mdicon-share::before { content: "\e80d"; } .mdicon-shuffle::before { content: "\e043"; } .mdicon-star_border::before { content: "\e83a"; } .mdicon-star_half::before { content: "\e839"; } .mdicon-thumb_up::before { content: "\e8dc"; } .mdicon-trending_up::before { content: "\e8e5"; } .mdicon-chevron-thin-down::before { content: "\e904"; } .mdicon-chevron-thin-left::before { content: "\e901"; } .mdicon-chevron-thin-right::before { content: "\e902"; } .mdicon-chevron-thin-up::before { content: "\e903"; } .mdicon-send::before { content: "\e90b"; } .mdicon-fire::before { content: "\e9a9"; } .mdicon-enter::before { content: "\ea13"; } .mdicon-youtube-square::before { content: "\f166"; } .mdicon-youtube::before { content: "\f167"; } .mdicon-twitter::before { content: "\f099"; } .mdicon-facebook::before { content: "\f09a"; } .mdicon-facebook-f::before { content: "\f09a"; } .mdicon-google-plus::before { content: "\f0d5"; } .mdicon-linkedin::before { content: "\f0e1"; } .mdicon-xing::before { content: "\f168"; } .mdicon-youtube-play::before { content: "\f16a"; } .mdicon-instagram::before { content: "\f16d"; } .mdicon-tumblr::before { content: "\f173"; } .mdicon-dribbble::before { content: "\f17d"; } .mdicon-skype::before { content: "\f17e"; } .mdicon-foursquare::before { content: "\f180"; } .mdicon-vk::before { content: "\f189"; } .mdicon-stumbleupon::before { content: "\f1a4"; } .mdicon-behance::before { content: "\f1b4"; } .mdicon-spotify::before { content: "\f1bc"; } .mdicon-deviantart::before { content: "\f1bd"; } .mdicon-soundcloud::before { content: "\f1be"; } .mdicon-vine::before { content: "\f1ca"; } .mdicon-codepen::before { content: "\f1cb"; } .mdicon-twitch::before { content: "\f1e8"; } .mdicon-yelp::before { content: "\f1e9"; } .mdicon-pinterest-p::before { content: "\f231"; } .mdicon-medium::before { content: "\f23a"; } .mdicon-vimeo::before { content: "\f27d"; } .mdicon-product-hunt::before { content: "\f288"; } .mdicon-snapchat-ghost::before { content: "\f2ac"; } .mdicon-exit2::before { content: "\ea15"; } .mdicon-person_pin::before { content: "\e55a"; } .mdicon-sign-out::before { content: "\f08b"; } .mdicon-sort-asc::before { content: "\f0de"; } .mdicon-sort-up::before { content: "\f0de"; } .mdicon-envelope::before { content: "\f0e0"; } .mdicon-linkedin1::before { content: "\f0e2"; } .mdicon-rotate-left::before { content: "\f0e3"; } .mdicon-undo::before { content: "\f0e3"; } .mdicon-gavel::before { content: "\f0e4"; } .mdicon-legal::before { content: "\f0e4"; } .mdicon-dashboard::before { content: "\f0e5"; } .mdicon-tachometer::before { content: "\f0e5"; } .mdicon-comment-o::before { content: "\f0e6"; } .mdicon-comments-o::before { content: "\f0e7"; } .mdicon-cloud-download::before { content: "\f0ed"; } .mdicon-cloud-upload::before { content: "\f0ee"; } .mdicon-user-md::before { content: "\f0f0"; } .mdicon-stethoscope::before { content: "\f0f1"; } .mdicon-suitcase::before { content: "\f0f2"; } .mdicon-bell::before { content: "\f0f3"; } .mdicon-coffee::before { content: "\f0f4"; } .mdicon-cutlery::before { content: "\f0f5"; } .mdicon-beer::before { content: "\f0fc"; } .mdicon-h-square::before { content: "\f0fd"; } .mdicon-plus-square::before { content: "\f0fe"; } .mdicon-angle-double-left::before { content: "\f100"; } .mdicon-angle-double-right::before { content: "\f101"; } .mdicon-angle-double-up::before { content: "\f102"; } .mdicon-angle-double-down::before { content: "\f103"; } .mdicon-angle-left::before { content: "\f104"; } .mdicon ~ span { vertical-align: middle; } .mdicon--first { margin-right: 0.35em; } .mdicon--last { margin-left: 0.35em; } .icon-twitter, .icon-facebook, .icon-google-plus, .icon-linkedin, .icon-youtube, .icon-tumbler, .icon-dribbble, .icon-vk, .icon-stumbleupon, .icon-behance, .icon-soundcloud, .icon-vine, .icon-twitch, .icon-facebook-official, .icon-pinterest_p, .icon-vimeo { font-size: 1em; } .icon--2x.icon--2x { font-size: 200%; } /* ----------------------------------------------------------------- ## Links ----------------------------------------------------------------- */ a.link { color: inherit; text-decoration: none; cursor: pointer; } a.link:active, a.link:focus, a.link:hover, a.link:visited { color: inherit; text-decoration: none; } a.link--meta { color: rgba(0, 0, 0, 0.4); } a.link--meta:active, a.link--meta:focus, a.link--meta:hover { color: rgba(0, 0, 0, 0.6); } a.link--underlined { text-decoration: underline; } a.link--underlined:active, a.link--underlined:focus, a.link--underlined:hover { text-decoration: underline; } a.link--underlined-hover:hover { text-decoration: underline; } /* ----------------------------------------------------------------- ## Login Form ----------------------------------------------------------------- */ .login-lost-password, .login-with-social { text-align: center; } .login-lost-password a { text-decoration: underline; } .login-submit, .register-submit { margin-top: 20px; margin-bottom: 15px; } .login-modal .modal-dialog { width: 400px; max-width: 90vw; margin: 10vh auto; } @media (min-width: 768px) { .login-modal .modal-dialog { margin: 15vh auto; } } .login-modal .modal-title .nav-tabs { border-bottom: none; text-align: center; } .login-modal .modal-title .nav-tabs li { margin-bottom: 5px; } .login-modal .modal-title .nav-tabs li:not(:last-child) { margin-right: 15px; } .login-modal .modal-title .nav-tabs a { padding: 0; border: none !important; background: transparent !important; color: rgba(0, 0, 0, 0.4); } .login-modal .modal-title .nav-tabs li.active a, .login-modal .modal-title .nav-tabs a:hover { color: rgba(0, 0, 0, 0.8); } .login-modal .modal-body { padding: 15px; } @media (min-width: 768px) { .login-modal .modal-body { padding: 30px; } } /* ----------------------------------------------------------------- ## Modal ----------------------------------------------------------------- */ .modal-dialog { margin: 15vh auto; max-width: 430px; } .modal-dialog .small, .modal-dialog small { font-size: 13px; font-style: italic; opacity: 0.6; } .modal-header { padding: 15px; } @media (min-width: 768px) { .modal-header { padding: 20px 30px; } } .modal-title.modal-title { margin: 0; font-size: 14px; font-size: 1rem; line-height: 1.42857143; text-transform: uppercase; } /* ----------------------------------------------------------------- ## Navigations ----------------------------------------------------------------- */ .navigation, .menu, .sub-menu { margin: 0; padding: 0; list-style: none; } .navigation .sub-menu li { position: relative; } .navigation a { display: inline-block; text-decoration: none; } .navigation--horizontal::after { clear: both; content: ""; display: table; } .navigation--horizontal > li { float: left; } .navigation--inline > li { display: inline-block; } .navigation--center { text-align: center; } .navigation--center > li { display: inline-block; } /* ----------------------------------------------------------------- ## Paginations ----------------------------------------------------------------- */ .atbs-pagination { margin: 40px 0 20px; } .atbs-pagination:last-child { margin-bottom: 0; } .atbs-pagination__title { font-size: 16px; font-size: 1.14286rem; } .atbs-pagination__links { margin: -2px; font-size: 0; } .atbs-pagination__item { display: inline-block; min-width: 34px; height: 34px; margin: 2px; padding: 0 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f5f5f5; color: rgba(0, 0, 0, 0.8); font-size: 12px; font-weight: 700; line-height: 34px; text-align: center; text-decoration: none !important; text-transform: uppercase; } .atbs-pagination__item:hover, .atbs-pagination__item:focus, .atbs-pagination__item:active { background: #ddd; color: rgba(0, 0, 0, 0.8); } @media (min-width: 768px) { .atbs-pagination__item { padding: 0 6px; font-size: 14px; } } .atbs-pagination__item-current { background: var(--color-primary); color: #fff; } .atbs-pagination__item-current:hover, .atbs-pagination__item-current:focus, .atbs-pagination__item-current:active { background: var(--color-primary); color: #fff; } .atbs-pagination__dots { min-width: auto; background: transparent !important; } .atbs-pagination--next-n-prev .atbs-pagination__inner { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .atbs-pagination--next-n-prev { padding-top: 17px; border-top: 1px solid rgba(0,0,0,0.1); } .atbs-pagination--next-n-prev .atbs-pagination__label { padding-right: 10px; font-size: 14px; font-size: 1rem; font-style: italic; } .atbs-pagination--next-n-prev .atbs-pagination__label span { color: var(--color-primary); } @media (min-width: 768px) { .atbs-pagination--next-n-prev .atbs-pagination__label { font-size: 16px; font-size: 1.14286rem; } } .atbs-pagination--next-n-prev .atbs-pagination__item { position: relative; padding: 0 8px; background: var(--color-primary); color: #fff; border-radius: 0; } .atbs-pagination--next-n-prev .atbs-pagination__links a:first-child .atbs-pagination__item, .atbs-pagination--next-n-prev .atbs-pagination__links.atbs-pagination-last-page-link a:last-child .atbs-pagination__item { margin-left: 8px; background: #f1f1f1; color: rgba(0, 0, 0, 0.8); } .atbs-pagination--next-n-prev .atbs-pagination__links a:last-child .atbs-pagination__item { position: relative; padding: 1px 8px 0; background-color: var(--color-primary); color: var(--color-white); } .atbs-pagination--next-n-prev .atbs-pagination__links a:first-child .atbs-pagination__item::after, .atbs-pagination--next-n-prev .atbs-pagination__links.atbs-pagination-last-page-link a:last-child .atbs-pagination__item::after { content: ''; display: block; width: 0; position: absolute; right: 100%; left: auto; top: 0; border-width: 17px 8px; margin-left: 0; margin-right: -1px; border-style: solid; border-color: transparent; border-right-color: #f1f1f1; } .atbs-pagination--next-n-prev .atbs-pagination__links a:last-child .atbs-pagination__item { margin-right: 8px; color: #fff; } .atbs-pagination--next-n-prev .atbs-pagination__links a:last-child .atbs-pagination__item::after { content: ''; display: block; width: 0; position: absolute; left: 100%; right: auto; top: 0; border-width: 17px 8px; /*margin-left: -1px;*/ margin-right: 0; border-style: solid; border-color: transparent; border-left-color: var(--color-primary); } /* ----------------------------------------------------------------- ## Review Score ----------------------------------------------------------------- */ /*---- Score circle ----*/ .post-score { display: inline-block; color: #fff; font-weight: 700; line-height: 1; text-align: center; } .post-score__inner { position: relative; z-index: 10; } .post-score-star { font-size: 1.2em; line-height: 1; color: #f7e74a; } .hexagon-svg { width: 100%; height: auto; } .post-score-hexagon { position: relative; display: inline-block; line-height: 0; vertical-align: middle; } .post-score-hexagon .hexagon-svg { width: 50px; padding: 2px; -webkit-filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.25)); overflow: visible; } .atbs-review__overall-score .post-score-hexagon { background: #fff; margin-right: -26px; width: 130px; height: 130px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .atbs-review__overall-score .post-score-hexagon svg { width: 105px; height: 105px; } @media(max-width: 1199px) and (min-width: 768px) { .atbs-review__overall-score .post-score-hexagon { margin-right: -26px; width: 120px; height: 120px; } .atbs-review__overall-score .post-score-hexagon svg { width: 100px; height: 100px; } .atbs-review__overall-score .post-score-hexagon--xl .post-score-value { font-size: 28px; } } @media(max-width: 767px) { .atbs-review__overall-score .post-score-hexagon { width: 120px; height: 120px; } .atbs-review__overall-score .post-score-hexagon svg { width: 90px; height: 90px; } .atbs-review__overall-score .post-score-hexagon--xl .post-score-value { font-size: 22px; } .atbs-review__overall-score .post-score-hexagon { margin-right: 0; } } @media (min-width: 768px) { .atbs-review__overall-score .post-score-hexagon { margin-right: -15px; } .post-score-hexagon .hexagon-svg { width: 60px; } } @media (min-width: 1200px) { .post-score-hexagon .hexagon-svg { width: 64px; } } .post-score-hexagon .hexagon-svg g path { fill: var(--color-primary); } .post-score-hexagon .post-score-value { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 20px; font-weight: 700; line-height: 1; text-shadow: 0 0 10px rgba(0, 0, 0, 0.08); } @media (min-width: 768px) { .post-score-hexagon .post-score-value { font-size: 22px; } } @media (min-width: 1200px) { .post-score-hexagon .post-score-value { font-size: 26px; } } .post-score-hexagon--s .hexagon-svg { width: 50px; } .post-score-hexagon--s .post-score-value { font-size: 20px; } .post-score-hexagon--l .hexagon-svg { width: 100px; } .post-score-hexagon--l .post-score-value { font-size: 42px; } .post-score-hexagon--xl .hexagon-svg { width: 100px; } @media (min-width: 1200px) { .post-score-hexagon--xl .hexagon-svg { width: 120px; } } .post-score-hexagon--xl .post-score-value { font-size: 42px; } @media (min-width: 1200px) { .post-score-hexagon--xl .post-score-value { font-size: 50px; } } .atbs-review .post-score-hexagon .hexagon-svg { -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3)); } /* ----------------------------------------------------------------- ## Search Form ----------------------------------------------------------------- */ .search-form { position: relative; } .search-form__input { color: rgba(0, 0, 0, 0.8); } .search-form--inline { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .search-form--inline .search-form__input { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; width: auto; margin-right: 4px; } .search-form--btn-inside .search-form__input { padding-right: 40px; } .search-form--btn-inside .search-form__input:focus { outline: none; } .search-form--btn-inside .search-form__submit { position: absolute; top: 50%; right: 0; bottom: auto; left: auto; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); padding: 6px 10px; background: transparent; border: none; outline: 0; color: rgba(0, 0, 0, 0.4); } .search-form--btn-inside .search-form__submit i { font-size: 20px; } /* ----------------------------------------------------------------- ## Search Modal ----------------------------------------------------------------- */ .search-modal .modal-dialog { margin: 10vh 10px; } @media (min-width: 768px) { .search-modal .modal-dialog { margin: 15vh auto; } } .search-modal__inner { max-width: 480px; margin: auto; } .search-modal .modal-body { padding: 15px; } @media (min-width: 768px) { .search-modal .modal-body { padding: 30px; } } .search-modal .search-form { margin-bottom: 15px; } .search-modal .search-form__input { padding-right: -webkit-calc(1em + 40px); padding-right: -moz-calc(1em + 40px); padding-right: calc(1em + 40px); font-size: 14px; } @media (min-width: 768px) { .search-modal .search-form__input { padding-right: -webkit-calc(1em + 40px); padding-right: -moz-calc(1em + 40px); padding-right: calc(1em + 40px); font-size: 20px; } } .search-modal .search-form__submit { width: 40px; position: absolute; top: 50%; right: 0; bottom: auto; left: auto; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); background: transparent; border: none; color: rgba(0, 0, 0, 0.4); font-size: 14px; } @media (min-width: 768px) { .search-modal .search-form__submit { width: 50px; font-size: 20px; } } .search-modal .search-form__submit:focus { outline: none; } /* ----------------------------------------------------------------- ## Tabs ----------------------------------------------------------------- */ ul.nav-tabs { padding-left: 0; } .nav-tabs > li > a { color: #aaa; } .panel-title.panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; } /* ----------------------------------------------------------------- ## Social List ----------------------------------------------------------------- */ .social-list { margin: 0; padding: 0; font-size: 14px; font-size: 1rem; list-style: none; } @media (min-width: 768px) { .social-list { font-size: 16px; font-size: 1.14286rem; } } .social-list > li > a { color: inherit; text-decoration: none; display: inline-block; padding: 0 0.4em; color: rgba(0, 0, 0, 0.8); line-height: 20px; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .atbs-offcanvas .social-list > li > a { color: rgba(0, 0, 0, 0.6); } .atbs-offcanvas .atbs-dark-mode .social-list > li > a { color: var(--color-contrast-80); } .social-list > li > a:hover, .social-list > li > a:active, .social-list > li > a:focus { color: inherit; text-decoration: none; } .social-list > li > a:hover, .social-list > li > a:focus, .social-list > li > a:active { color: rgba(0, 0, 0, 0.4); } .inverse-text .social-list > li > a { color: rgba(255, 255, 255, 0.8); } .inverse-text .social-list > li > a:hover, .inverse-text .social-list > li > a:focus, .inverse-text .social-list > li > a:active, .inverse-text .social-list > li > a:visited { color: white; } .social-list--inverse > li > a { color: rgba(255, 255, 255, 0.8); } .social-list--inverse > li > a:hover, .social-list--inverse > li > a:focus, .social-list--inverse > li > a:active { color: white; } .social-list--circle > li { margin-bottom: 8px; } .social-list--circle > li:not(:last-child) { margin-right: 8px; } .social-list--circle > li > a { width: 40px; height: 40px; padding: 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid rgba(0, 0, 0, 0.05); text-align: center; } .social-list--circle > li > a i { display: inline-block; font-size: 16px; line-height: 40px; } .inverse-text .social-list--circle > li > a, .overlay-content .social-list--circle > li > a { border: 1px solid rgba(255, 255, 255, 0.2); } @media (min-width: 768px) { .social-list--sm { font-size: 14px; font-size: 1rem; } } @media (min-width: 768px) { .social-list--lg { font-size: 20px; font-size: 1.42857rem; } } @media (min-width: 768px) { .social-list--xl { font-size: 26px; font-size: 1.85714rem; } } @media (min-width: 768px) { .social-list--md.social-list--circle > li > a { width: 60px; height: 60px; border-width: 2px; } .social-list--md.social-list--circle > li > a i { font-size: 24px; line-height: 60px; } } /* ----------------------------------------------------------------- ## Subscribe Form ----------------------------------------------------------------- */ .subscribe-form--has-background { padding: 30px; background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.05); } @media (min-width: 768px) { .subscribe-form--has-background { padding: 40px; } } .subscribe-form__inner { position: relative; } .subscribe-form__fields { max-width: 600px; margin-left: auto; margin-right: auto; } .subscribe-form__fields input[type="submit"] { margin-bottom: 0.5rem; background: var(--color-primary); color: #fff; } .subscribe-form__fields input[type="submit"]:hover { background: #ef392b; color: #fff; } .subscribe-form--horizontal input[type="email"], .subscribe-form--horizontal input[type="text"], .subscribe-form--horizontal input[type="url"] { display: inline-block; width: auto; max-width: 100%; min-width: 260px; margin-bottom: 10px; margin-top: 8px; padding: 10px 15px; } .subscribe-form--center, .subscribe-form--center input[type="email"], .subscribe-form--center input[type="text"], .subscribe-form--center input[type="url"] { text-align: center; } /* ----------------------------------------------------------------- ## Post General ----------------------------------------------------------------- */ .post { position: relative; } /*---- Post thumb ----*/ .post__thumb, .entry-thumb { position: relative; } .post__thumb img, .entry-thumb img { display: block; width: 100%; height: auto; } .post__thumb a, .entry-thumb a { display: block; } .post__thumb--circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .post__thumb--circle img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /*---- Post content ----*/ .post__text-inner { position: relative; padding: 20px; } .post__text-inner--p-sm .post__text-inner { padding: 15px; } .post__text-inner--p-lg .post__text-inner { padding: 30px; } .has-overlap-bg::before { content: ""; position: absolute; top: -20px; right: 0; bottom: -20px; left: 0; background: var(--color-primary); opacity: 0.6; -webkit-transform: scale(0.6, 1); -moz-transform: scale(0.6, 1); -ms-transform: scale(0.6, 1); -o-transform: scale(0.6, 1); transform: scale(0.6, 1); -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } article:hover .has-overlap-bg::before { opacity: 1; -webkit-transform: scale(0.9, 1); -moz-transform: scale(0.9, 1); -ms-transform: scale(0.9, 1); -o-transform: scale(0.9, 1); transform: scale(0.9, 1); } .has-overlap-frame::before { content: ""; position: absolute; top: -20px; right: 20%; bottom: -20px; left: 20%; border: 12px solid var(--color-primary); opacity: 0.6; } /*---- Post category ----*/ .post__cat, a.post__cat, .entry-cat, a.entry-cat { text-transform: uppercase; letter-spacing: 1px; display: inline-block; font-size: 9px; font-size: 0.64286rem; font-weight: 700; line-height: 1.4; text-decoration: none; } @media (min-width: 768px) { .post__cat, a.post__cat, .entry-cat, a.entry-cat { font-size: 10px; font-size: 0.71429rem; } } .post__cat--bg, a.post__cat--bg, .entry-cat--bg, a.entry-cat--bg { display: inline-block; padding: 4px 10px; color: #fff !important; line-height: 1; background: #E20000; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } @media (min-width: 768px) { .post__cat--bg, a.post__cat--bg, .entry-cat--bg, a.entry-cat--bg { padding: 6px 10px; line-height: 1 !important; } } .post__cat--bg-inverse, a.post__cat--bg-inverse, .entry-cat--bg-inverse, a.entry-cat--bg-inverse { display: inline-block; padding: 2px 6px; color: #333; background: #fff !important; border: none; } .post__cat--ghost, a.post__cat--ghost, .entry-cat--ghost, a.entry-cat--ghost { display: inline-block; padding: 2px 6px; color: #fff !important; background: transparent; border: 1px solid rgba(255, 255, 255, 0.4); } .post__cat--overlap, a.post__cat--overlap, .entry-cat--overlap, a.entry-cat--overlap { position: absolute; top: 0; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .post__thumb .post__cat--overlap, .post__thumb a.post__cat--overlap, .post__thumb .entry-cat--overlap, .post__thumb a.entry-cat--overlap { top: 100%; } /*---- Read more ----*/ .btn.read-more { text-transform: uppercase; } .read-more-link { color: rgba(0, 0, 0, 0.8); text-decoration: none; } .read-more-link:hover, .read-more-link:focus, .read-more-link:active, .read-more-link:visited { color: rgba(0, 0, 0, 0.8); text-decoration: none; } .read-more-link i { color: rgba(0, 0, 0, 0.25); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .read-more-link:hover i { -webkit-transform: translate(40%, 0); -moz-transform: translate(40%, 0); -ms-transform: translate(40%, 0); -o-transform: translate(40%, 0); transform: translate(40%, 0); } /*---- Post title ----*/ .post__title, .entry-title { margin: 0.25em 0 0.4em; color: rgba(0, 0, 0, 0.8); } .post__title:first-child, .entry-title:first-child { margin-top: 0; } .post__title:last-child, .entry-title:last-child { margin-bottom: 0; } .text-center .post__title, .post--vertical-overlap .post__title, .text-center .entry-title, .post--vertical-overlap .entry-title { margin-left: auto; margin-right: auto; } .post__title.typescale--1, .entry-title.typescale--1 { font-weight: 400; } .post__title.typescale-0, .entry-title.typescale-0 { font-weight: 500; } .post__title.typescale-1, .entry-title.typescale-1 { font-weight: 500; } .post__title.typescale-2, .entry-title.typescale-2 { font-weight: 700; } .post__title.typescale-3, .entry-title.typescale-3 { font-weight: 700; } .post__title.typescale-4, .entry-title.typescale-4 { font-weight: 700; } .post__title.typescale-5, .entry-title.typescale-5 { font-weight: 700; } .post__title.typescale-6, .entry-title.typescale-6 { font-weight: 700; } .post__title.typescale-7, .entry-title.typescale-7 { font-weight: 700; } .post__title.typescale-8, .entry-title.typescale-8 { font-weight: 700; } .post__title a, .entry-title a { color: inherit; text-decoration: none; } .post__cat--overlap + .post__title, a.post__cat--overlap + .post__title, .entry-cat--overlap + .post__title, a.entry-cat--overlap + .post__title { margin-top: 0; } /*---- Post excerpt ----*/ .post__excerpt, .entry-excerpt { max-width: 36em; margin-top: 0.6em; margin-bottom: 0.6em; color: rgba(0, 0, 0, 0.6); font-size: 1rem; line-height: 1.6; } .text-center .post__excerpt, .post--vertical-overlap .post__excerpt, .text-center .entry-excerpt, .post--vertical-overlap .entry-excerpt { margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .post__excerpt--lg, .entry-excerpt--lg { font-size: 16px; font-size: 1.142857142857143rem; } } /*---- Post meta ----*/ .post__meta, .entry-meta { margin-top: 0.4em; margin-bottom: 0.4em; color: rgba(0, 0, 0, 0.4); font-size: 12px; font-size: 0.85714rem; line-height: 1.5; } .post__meta:first-child, .entry-meta:first-child { margin-top: 0; } .post__meta:last-child, .entry-meta:last-child { margin-bottom: 0; } .post__meta:not(.post__meta--box) > *:not(:last-child), .post__meta-left:not(.entry-meta--box) > *:not(:last-child), .post__meta-right:not(.entry-meta--box) > *:not(:last-child), .entry-meta:not(.entry-meta--box) > *:not(:last-child) { margin-right: 12px; } .post__meta a, .entry-meta a { text-decoration: none; color: rgba(0, 0, 0, 0.4); } .post__meta a:active, .post__meta a:focus, .post__meta a:hover, .entry-meta a:active, .entry-meta a:focus, .entry-meta a:hover { text-decoration: none; } .post__meta i, .post__meta .mdicon, .entry-meta i, .entry-meta .mdicon { margin-right: 0.3em; } .post__meta .meta-seperator.meta-seperator, .entry-meta .meta-seperator.meta-seperator { margin-left: -0.4em; margin-right: 0.2em; } .post__meta--box, .entry-meta--box { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; margin-top: 20px; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.05); border-bottom: none; background: #fafafa; } .post__meta--flex, .entry-meta--flex { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } .post__meta--flex > .post__meta-left, .entry-meta--flex > .post__meta-left { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; margin-right: 5px; text-align: left; } .post__meta--flex > .post__meta-right, .entry-meta--flex > .post__meta-right { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; margin-left: 5px; text-align: right; } .post__meta .updated, .entry-meta .updated { display: none; } .post__meta--border-top, .entry-meta--border-top { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(0, 0, 0, 0.05); } .post--overlay .post__meta--border-top, .post--overlay .entry-meta--border-top { border-top: 1px solid rgba(255, 255, 255, 0.2); } /*---- Post author ----*/ .entry-author { text-transform: none; } .entry-author__name, a.entry-author__name { color: inherit; text-decoration: none; text-transform: uppercase; font-weight: 700; } .entry-author__name:hover, .entry-author__name:active, .entry-author__name:focus, a.entry-author__name:hover, a.entry-author__name:active, a.entry-author__name:focus { color: inherit; text-decoration: none; } .post__meta .entry-author__name, .post__meta a.entry-author__name { color: rgba(0, 0, 0, 0.6); } .overlay-content .entry-author__name, .overlay-content a.entry-author__name { color: rgba(255, 255, 255, 0.8); } /*---- Post author with date ----*/ .post__meta--author-w-date { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .post__meta--author-w-date > * { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .post__meta--author-w-date .author-avatar img { height: 34px; width: 34px; margin-right: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .post__meta--author-w-date .author-name a { color: rgba(0, 0, 0, 0.8); font-size: 110%; font-weight: 700; text-transform: capitalize; } .entry-author__avatar { height: 34px; width: 34px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin-right: 10px; } /*---- Post comments count ----*/ .comments-count-box { display: inline-block; position: relative; padding: 6px 10px; background: var(--color-primary); font-size: 12px; line-height: 1; font-weight: 700; color: #fff !important; text-align: center; text-decoration: none !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .comments-count-box:hover, .comments-count-box:active, .comments-count-box:focus { color: #fff; } .comments-count-box::before { content: ""; position: absolute; top: 100%; right: auto; bottom: auto; left: 50%; margin-left: -5px; border: 0 solid transparent; border-width: 4px 5px; border-bottom-width: 0; border-top-color: var(--color-primary); } /*-- Overlay item --*/ .overlay-item { position: absolute; top: 20px; right: 20px; bottom: auto; left: auto; } .overlay-item.overlay-item--sm-p { position: absolute; top: 10px; right: 10px; bottom: auto; left: auto; } .overlay-item--top-left { position: absolute; top: 20px; right: auto; bottom: auto; left: 20px; } .overlay-item--top-left.overlay-item--sm-p { position: absolute; top: 10px; right: auto; bottom: auto; left: 10px; } .overlay-item--left-bottom { position: absolute; top: auto; right: auto; bottom: 20px; left: 20px; } .overlay-item--left-bottom.overlay-item--sm-p { position: absolute; top: auto; right: auto; bottom: 10px; left: 10px; } .overlay-item--right-bottom { position: absolute; top: auto; right: 20px; bottom: 20px; left: auto; } .overlay-item--right-bottom.overlay-item--sm-p { position: absolute; top: auto; right: 10px; bottom: 10px; left: auto; } .overlay-item--center-xy, .overlay-item--center-xy.overlay-item--sm-p { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .post-type-icon i { font-size: 46px; line-height: 1.1; } @media (min-width: 768px) { .post-type-icon i { font-size: 60px; } } .overlay-content .post-type-icon, .post__thumb .post-type-icon, .post--overlay .post-type-icon, .post-type-icon--inverse { color: rgba(255, 255, 255, 0.8); } .post-type-icon--sm i { font-size: 46px; } @media (min-width: 768px) { .post-type-icon--md i { font-size: 80px; } } @media (min-width: 768px) { .post-type-icon--lg i { font-size: 120px; } } .media-left.post-type-icon > i:only-child, .media-right.post-type-icon > i:only-child { display: block; } .post--overlay .gallery-icon, .post__thumb .gallery-icon { padding: 0.4em 0.8em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: rgba(0, 0, 0, 0.4); color: #fff; } .post--overlay .gallery-icon .mdicon:not(:last-child), .post__thumb .gallery-icon .mdicon:not(:last-child) { margin-right: 0.4em; } .overlay-content .post__title, .overlay-content .post__title a, .inverse-text .post__title, .inverse-text .post__title a, .inverse-text .entry-title, .inverse-text .entry-title a { color: #fff; } .overlay-content .post__excerpt, .inverse-text .post__excerpt, .overlay-content .entry-excerpt, .inverse-text .entry-excerpt { color: rgba(255, 255, 255, 0.8); } .overlay-content .post__meta, .overlay-content .post__meta a, .overlay-content .entry-meta, .overlay-content .entry-meta a, .overlay-content .meta-text, .overlay-content a.meta-text, .inverse-text .post__meta, .inverse-text .post__meta a, .inverse-text .entry-meta, .inverse-text .entry-meta a, .inverse-text .meta-text, .inverse-text a.meta-text { color: rgba(255, 255, 255, 0.6); } .overlay-content .entry-author__name.entry-author__name, .inverse-text .entry-author__name.entry-author__name { color: rgba(255, 255, 255, 0.9); } /* ----------------------------------------------------------------- ## Post Card ----------------------------------------------------------------- */ .post--card { height: auto; position: relative; padding: 20px; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #fff; background-clip: padding-box; overflow: hidden; } .post--card .post__text { min-height: 2.85714rem; } @media (min-width: 768px) { .post--card-xs { height: 17.85714rem; } } @media (min-width: 768px) { .post--card-sm { height: 25rem; } } @media (min-width: 768px) { .post--card-md { height: 25rem; } } @media (min-width: 992px) { .post--card-md { height: 32.14286rem; } } @media (min-width: 768px) { .post--card-lg { height: 32.14286rem; } } @media (min-width: 992px) { .post--card-lg { height: 39.28571rem; } } .post--card .post__thumb { height: 40%; min-height: 120px; position: relative; margin: -21px -21px 20px; } .post--card-sm .post__thumb { height: 140px; } .post--card-md .post__thumb { height: 180px; } .post--card .post__thumb .post__cat--overlap { position: absolute; top: auto; right: auto; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .post--card .post__footer { margin: 20px -20px -20px; padding: 10px 15px; border-top: 1px solid rgba(0, 0, 0, 0.05); background: #fff; } .post--card .post__footer::after { clear: both; content: ""; display: table; } @media (min-width: 768px) { .post--card .post__footer { position: absolute; top: auto; right: 0; bottom: 0; left: 0; margin: 0; } .post--card .post__footer::before { content: ""; display: block; position: absolute; top: auto; right: 0; bottom: 100%; left: 0; height: 20px; width: 100%; margin-bottom: 1px; background: -webkit-linear-gradient(bottom, black 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(70%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(0deg, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); } } .post--card .post__footer-left { width: 50%; float: left; padding-right: 5px; text-align: left; } .post--card .post__footer-right { width: 50%; float: left; padding-left: 5px; text-align: right; } .post--card .post__footer .post__meta { margin-top: 0; margin-bottom: 0; } /* ----------------------------------------------------------------- ## Post Horizontal ----------------------------------------------------------------- */ .post--horizontal::after { clear: both; content: ""; display: table; } .post--horizontal .post__thumb { width: 100%; margin: 0 0 15px 0; } @media (min-width: 768px) { .post--horizontal .post__thumb { width: -webkit-calc(50% - 15px); width: -moz-calc(50% - 15px); width: calc(50% - 15px); float: left; margin: 0 20px 0 0; } } @media (min-width: 992px) { .post--horizontal .post__thumb { margin: 0 30px 0 0; } } .post--horizontal-xxs .post__thumb, .post--horizontal-xs .post__thumb { width: 70px; height: 70px; float: left; margin: 0 15px 0 0; } .post--horizontal-xxs .post__thumb a:not(.post__cat), .post--horizontal-xs .post__thumb a:not(.post__cat) { width: 100%; height: 100%; } .post--horizontal-xxs .post__thumb img, .post--horizontal-xs .post__thumb img { width: 100%; height: 100%; object-fit: cover; } @media (min-width: 768px) { .post--horizontal-xs .post__thumb { width: 100px; float: left; margin: 0 15px 0 0; } } .post--horizontal-sm .post__thumb { width: 33%; float: left; margin: 0 15px 0 0; } @media (min-width: 768px) { .post--horizontal-sm .post__thumb { margin-right: 30px; } } @media (min-width: 768px) { .post--horizontal-md .post__thumb { width: 40%; } } @media (min-width: 768px) { .post--horizontal-lg .post__thumb { width: 55%; } } .post--horizontal .post__text { overflow: hidden; } @media (max-width: 767px) { .post--horizontal-xxs .post__excerpt, .post--horizontal-xs .post__excerpt, .post--horizontal-sm .post__excerpt, .post--horizontal-xxs .post__cat, .post--horizontal-xs .post__cat, .post--horizontal-sm .post__cat { display: none; } } @media (max-width: 767px) { .post--horizontal-xxs .post__cat + .post__title, .post--horizontal-xs .post__cat + .post__title, .post--horizontal-sm .post__cat + .post__title { margin-top: 0; } } @media (max-width: 767px) { .post--horizontal-sm .post__title { font-size: 1.125rem; font-weight: 400; } } /*---- Post horizontal reverse ----*/ @media (min-width: 768px) { .post--horizontal-reverse .post__thumb { float: right; margin: 0 0 0 20px; } } @media (min-width: 992px) { .post--horizontal-reverse .post__thumb { margin: 0 0 0 30px; } } .post--horizontal-xxs.post--horizontal-reverse .post__thumb, .post--horizontal-xs.post--horizontal-reverse .post__thumb, .post--horizontal-sm.post--horizontal-reverse .post__thumb { float: right; margin: 0 0 0 10px; } @media (min-width: 768px) { .post--horizontal-xs.post--horizontal-reverse .post__thumb { margin: 0 0 0 20px; } } @media (min-width: 768px) { .post--horizontal-sm.post--horizontal-reverse .post__thumb { margin-left: 20px; } } @media (min-width: 768px) { .post--horizontal-sm.post--horizontal-reverse .post__thumb { margin-left: 30px; } } /*---- Post horizontal middle ----*/ @media (min-width: 768px) { .post--horizontal-middle { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } } .post--horizontal-middle::after { content: none; } @media (min-width: 768px) { .post--horizontal-middle .post__thumb { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media (min-width: 768px) { .post--horizontal-middle .post__text { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } } .post--horizontal-middle.post--horizontal-xxs, .post--horizontal-middle.post--horizontal-xs { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } .post--horizontal-middle.post--horizontal-xxs .post__thumb, .post--horizontal-middle.post--horizontal-xs .post__thumb { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .post--horizontal-middle.post--horizontal-reverse { -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } .post--horizontal-middle.post--horizontal-reverse .post__text { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; box-ordinal-group: -1; -webkit-order: -1; -moz-order: -1; order: -1; -ms-flex-order: -1; } /*---- Post horizontal equal height ----*/ .post--horizontal-equal-height .post__thumb { position: relative; padding-bottom: 56.25%; height: 0; } @media (min-width: 768px) { .post--horizontal-equal-height .post__thumb { height: auto; position: absolute; top: 0; right: auto; bottom: 0; left: 0; margin: 0; padding-bottom: 0; } } .post--horizontal-equal-height .post__text { margin: 0; } @media (min-width: 768px) { .post--horizontal-equal-height .post__text { width: 100%; padding: 30px; padding-left: -webkit-calc(50% + 15px); padding-left: -moz-calc(50% + 15px); padding-left: calc(50% + 15px); } } .post--horizontal-equal-height.post--horizontal-xxs .post__text { padding-left: 85px; } .post--horizontal-equal-height.post--horizontal-xs .post__text { padding-left: 115px; } .post--horizontal-equal-height.post--horizontal-sm .post__text { padding-left: -webkit-calc(33% + 30px); padding-left: -moz-calc(33% + 30px); padding-left: calc(33% + 30px); } .post--horizontal-equal-height.post--horizontal-md .post__text { padding-left: -webkit-calc(40% + 30px); padding-left: -moz-calc(40% + 30px); padding-left: calc(40% + 30px); } .post--horizontal-equal-height.post--horizontal-lg .post__text { padding-left: -webkit-calc(55% + 30px); padding-left: -moz-calc(55% + 30px); padding-left: calc(55% + 30px); } @media (min-width: 768px) { .post--horizontal-equal-height.post--horizontal-reverse .post__text { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; box-ordinal-group: -1; -webkit-order: -1; -moz-order: -1; order: -1; -ms-flex-order: -1; } } .post--horizontal-equal-height.post--horizontal-xxs, .post--horizontal-equal-height.post--horizontal-xs { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } .post--horizontal-equal-height.post--horizontal-xxs .post__thumb, .post--horizontal-equal-height.post--horizontal-xs .post__thumb { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .post--horizontal-equal-height.post--horizontal-reverse.post--horizontal-xxs .post__text, .post--horizontal-equal-height.post--horizontal-reverse.post--horizontal-xs .post__text { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; box-ordinal-group: -1; -webkit-order: -1; -moz-order: -1; order: -1; -ms-flex-order: -1; } /* * Post list *--------------------*/ .post--list::after { clear: both; content: ""; display: table; } .post--list .post__thumb { max-width: 100%; position: relative; margin: 0 0 10px 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } @media (min-width: 768px) { .post--list .post__thumb { max-width: 200px; float: left; margin: 0 30px 0 0; } } @media (min-width: 768px) { .post--list .post__thumb { max-width: 300px; margin: 0 30px 0 0; } } .post--list .post__thumb img { width: 100%; } .post--list .post__text { overflow: hidden; } .post--list--size-1 .post__thumb { width: 60px; float: left; margin: 0 15px 0 0; } .post--list--size-2 .post__thumb { width: 80px; float: left; margin: 0 15px 0 0; } @media (min-width: 768px) { .post--list--size-3 .post__thumb { width: 50%; max-width: 50%; float: left; margin: 0 30px 0 0; } } @media (min-width: 768px) { .post--list--size-4 .post__thumb { width: 55%; } } /*---- Post list reverse ----*/ .post--list--reverse .post__thumb { float: right; margin: 0 0 0 10px; } @media (min-width: 768px) { .post--list--reverse .post__thumb { margin: 0 0 0 15px; } } @media (min-width: 768px) { .post--list--reverse.post--list--size-md .post__thumb, .post--list--reverse.post--list--size-lg .post__thumb { margin: 0 0 0 30px; } } /* ----------------------------------------------------------------- ## Post Overlay ----------------------------------------------------------------- */ .post--overlay { position: relative; overflow: hidden; background-color: #222; } .post--overlay .post__text { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; min-height: 14.28571rem; } .post--overlay-bottom .post__text { -webkit-box-align: end; -moz-box-align: end; box-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; -ms-flex-align: end; padding-top: 40px; } .post--overlay-bottom.has-score-badge .post__text { padding-top: 80px; } .post--overlay.has-score-badge-bottom .post__text { padding-bottom: 80px; } .post--overlay.has-score-badge-bottom .post-score-hexagon { position: absolute; top: auto; right: auto; bottom: 20px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .post--overlay-middle .post__text { -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; padding-top: 20px; padding-bottom: 20px; } .post--overlay .post__text-wrap { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 768px) { .post--overlay-xs .post__text { min-height: 17.85714rem; } } .post--overlay-sm .post__text { min-height: 17.85714rem; } @media (min-width: 768px) { .post--overlay-sm .post__text { min-height: 25rem; } } .post--overlay-md .post__text { min-height: 17.85714rem; } @media (min-width: 768px) { .post--overlay-md .post__text { min-height: 25rem; } } @media (min-width: 992px) { .post--overlay-md .post__text { min-height: 32.14286rem; } } .post--overlay-lg .post__text { min-height: 25rem; } @media (min-width: 768px) { .post--overlay-lg .post__text { min-height: 32.14286rem; } } @media (min-width: 992px) { .post--overlay-lg .post__text { min-height: 39.28571rem; } } @media (max-width: 767px) { .post--overlay-primary-xs .post__text { min-height: 17.85714rem; } } .post--overlay .background-img { overflow: hidden; } .post--overlay-floorfade .post__text-wrap { position: relative; width: 100%; } .post--overlay-floorfade .post__text-wrap::before { content: ""; position: absolute; top: -100%; right: 0; bottom: 0; left: 0; background-image: -webkit-linear-gradient( -270deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -webkit-gradient( linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent) ); background-image: -webkit-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -moz-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -o-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: linear-gradient( 0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); } @media (min-width: 768px) { .post--overlay-padding-lg .post__text-inner { padding: 30px; } } @media (min-width: 768px) { .post--overlay-padding-lg .overlay-item { top: 30px; right: 30px; } } @media (min-width: 768px) { .post--overlay-padding-lg .overlay-item--top-left { top: 30px; left: 30px; } } .post--overlay-padding-lg.has-score-badge-bottom .post-score-hexagon { bottom: 30px; } /* ----------------------------------------------------------------- ## Post Thumb Overlap ----------------------------------------------------------------- */ .post--thumb-overlap::after { clear: both; content: ""; display: table; } .post--thumb-overlap .post__wrap { position: relative; margin-top: 20px; background: #f5f5f5; } @media (min-width: 768px) { .post--thumb-overlap .post__wrap { margin: 0 0 60px 0; padding: 40px 40px; } } .post--thumb-overlap .post__thumb { position: relative; top: -20px; margin: 0 20px -20px; border: 5px solid #fff; -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); } @media (min-width: 768px) { .post--thumb-overlap .post__thumb { width: 50%; position: absolute; top: 40px; right: auto; bottom: -40px; left: auto; margin: 0; border: 8px solid #fff; } } .post--thumb-overlap .post__text { position: relative; padding: 20px; } @media (min-width: 768px) { .post--thumb-overlap .post__text { width: 50%; padding: 0 0 0 80px; margin-left: 50%; } } /* ----------------------------------------------------------------- ## Post Vertical ----------------------------------------------------------------- */ .post--vertical .post__thumb { display: block; margin-bottom: 12px; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } /*---- Post vertical reverse ----*/ .post--vertical-reverse .post__thumb { margin-top: 10px; margin-bottom: 0; } /*---- Post vertical center ----*/ .post--vertical-center .post__thumb { margin-bottom: 20px; } .post--vertical-center .post__thumb .post__cat { position: absolute; top: auto; right: auto; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .post--vertical-center .post__text, .post--vertical-center .post__meta { text-align: center; } .post--vertical-center .post__excerpt { margin-left: auto; margin-right: auto; } /*---- Post vertical fixed height ----*/ .post--vertical--fixed-height .post__text-wrapper { overflow: hidden; } @media (min-width: 768px) { .post--vertical--fixed-height .post__text { height: 180px; position: relative; overflow: hidden; } .post--vertical--fixed-height .post__text::after { content: ""; display: block; height: 40px; width: 100%; position: absolute; top: auto; right: 0; bottom: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(70%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(0deg, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); } } .post--vertical--fixed-height .post__meta--box { margin-top: 10px; } /*---- Post vertical overlap ----*/ .post--vertical-overlap .post__text { position: relative; margin: -40px 20px 0; text-align: center; } .post--vertical-overlap .post__text::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 75px; background: #fff; background: -webkit-linear-gradient(-450deg, white 0, white 40px, rgba(255, 255, 255, 0.2) 100%); background: -webkit-linear-gradient(top, white 0, white 40px, rgba(255, 255, 255, 0.2) 100%); background: -moz-linear-gradient(top, white 0, white 40px, rgba(255, 255, 255, 0.2) 100%); background: -o-linear-gradient(top, white 0, white 40px, rgba(255, 255, 255, 0.2) 100%); background: linear-gradient(180deg, white 0, white 40px, rgba(255, 255, 255, 0.2) 100%); -webkit-box-shadow: 6px -10px 27px -8px rgba(0, 0, 0, 0.2), -6px -10px 27px -8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 6px -10px 27px -8px rgba(0, 0, 0, 0.2), -6px -10px 27px -8px rgba(0, 0, 0, 0.2); box-shadow: 6px -10px 27px -8px rgba(0, 0, 0, 0.2), -6px -10px 27px -8px rgba(0, 0, 0, 0.2); } .post--vertical-overlap .post__text-inner { padding: 15px 15px 0; } .post--vertical-overlap .post__text-inner .post__meta--box { margin-left: -20px; margin-right: -20px; } @media (min-width: 768px) { .post--vertical-overlap-l .post__text { margin-left: 30px; margin-right: 30px; margin-top: -60px; } .post--vertical-overlap-l .post__text::before { height: 110px; background: -webkit-linear-gradient(-450deg, white 0, white 60px, rgba(255, 255, 255, 0.2) 100%); background: -webkit-linear-gradient(top, white 0, white 60px, rgba(255, 255, 255, 0.2) 100%); background: -moz-linear-gradient(top, white 0, white 60px, rgba(255, 255, 255, 0.2) 100%); background: -o-linear-gradient(top, white 0, white 60px, rgba(255, 255, 255, 0.2) 100%); background: linear-gradient(180deg, white 0, white 60px, rgba(255, 255, 255, 0.2) 100%); } } @media (min-width: 768px) { .post--vertical-overlap-l .post__text-inner { padding: 30px 30px 0 30px; } } @media (min-width: 768px) { .post--vertical-overlap-l .post__text-inner .post__meta--box { margin-left: -30px; margin-right: -30px; } } /* ============================================================================= ## PARTIALS ============================================================================= */ /* ----------------------------------------------------------------- ## Advertisement area ----------------------------------------------------------------- */ .advertisement-area--before-content { padding: 10px 0; border: 1px solid rgba(0, 0, 0, 0.05); } .advertisement-inner { margin: 0 auto; text-align: center; } /* ----------------------------------------------------------------- ## Carousels ----------------------------------------------------------------- */ /* ## Owl carousel ----------------------------------------------------------------- */ .owl-carousel { display: block; } .owl-carousel .owl-item { -webkit-backface-visibility: visible; } .owl-carousel .owl-item:not(:first-child), .owl-carousel .slide-content:not(:first-child) { display: none; } .owl-carousel .owl-item:first-child, .owl-carousel .slide-content:first-child { visibility: hidden; } .owl-carousel.owl-loaded .owl-item:not(:first-child), .owl-carousel.owl-loaded .slide-content:not(:first-child) { display: block; } .owl-carousel.owl-loaded .owl-item:first-child, .owl-carousel.owl-loaded .slide-content:first-child { visibility: visible; } .owl-prev, .owl-next { cursor: pointer; } .carousel-stage-visible .owl-stage-outer { overflow: visible; } .dots-visible-xs .owl-dots { display: none; } @media (max-width: 767px) { .dots-visible-xs .owl-dots { display: block; } } .dots-visible-sm .owl-dots { display: none; } @media (max-width: 991px) { .dots-visible-sm .owl-dots { display: block; } } @media (max-width: 767px) { .nav-hidden-xs .owl-nav { display: none; } } .atbs-carousel { position: relative; } /* ## Default Dots Pagination ----------------------------------------------------------------- */ .atbs-carousel .owl-dots { padding: 15px 0; text-align: center; line-height: 1; } .atbs-carousel .owl-dot { display: inline-block; padding: 7px; background: none; border: 0; } .atbs-carousel .owl-dot span { display: block; height: 8px; width: 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: rgba(0, 0, 0, 0.2); vertical-align: middle; } .atbs-carousel .owl-dot.active span { background: rgba(0, 0, 0, 0.4); } .atbs-carousel .flickity-page-dots { position: relative; bottom: 0; padding: 15px 0; text-align: center; line-height: 1; } .atbs-carousel .flickity-page-dots .dot { display: inline-block; width: auto; height: auto; margin: 0; padding: 7px; background: transparent; opacity: 1; vertical-align: middle; } .atbs-carousel .flickity-page-dots .dot::after { content: ""; display: block; height: 8px; width: 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: rgba(0, 0, 0, 0.2); } .atbs-carousel .flickity-page-dots .dot.is-selected::after { background: rgba(0, 0, 0, 0.4); } /*---- Inverse dots pagination ----*/ .atbs-carousel-dots-inverse .owl-dot span { background: rgba(255, 255, 255, 0.4); } .atbs-carousel-dots-inverse .owl-dot.active span { background: rgba(255, 255, 255, 0.8); } .atbs-carousel-dots-inverse .flickity-page-dots .dot::after { background: rgba(255, 255, 255, 0.4); } .atbs-carousel-dots-inverse .flickity-page-dots .dot.is-selected::after { background: rgba(255, 255, 255, 0.8); } /*---- Inside inverse dots pagination ----*/ .atbs-carousel-dots-inside .slide-content .post__text-wrap { padding-bottom: 20px; } .atbs-carousel-dots-inside .owl-dots { width: 100%; position: absolute; bottom: 0; } .atbs-carousel-dots-inside .owl-dot span { background: rgba(255, 255, 255, 0.4); } .atbs-carousel-dots-inside .owl-dot.active span { background: rgba(255, 255, 255, 0.8); } .atbs-carousel-dots-inside .flickity-page-dots { position: absolute; bottom: 0; } .atbs-carousel-dots-inside .flickity-page-dots .dot::after { background: rgba(255, 255, 255, 0.4); } .atbs-carousel-dots-inside .flickity-page-dots .dot.is-selected::after { background: rgba(255, 255, 255, 0.8); } /* ## Default Navigation ----------------------------------------------------------------- */ .atbs-carousel .owl-prev, .atbs-carousel .owl-next { display: block; border: none; width: 36px; padding: 25px 0; background: rgba(0, 0, 0, 0.4); color: #fff; text-align: center; cursor: pointer; -webkit-transform: translate(0, -50%) scale(1, 1); -moz-transform: translate(0, -50%) scale(1, 1); -ms-transform: translate(0, -50%) scale(1, 1); -o-transform: translate(0, -50%) scale(1, 1); transform: translate(0, -50%) scale(1, 1); -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; } .atbs-carousel .owl-prev:hover, .atbs-carousel .owl-next:hover { width: 51px; background: rgba(0, 0, 0, 0.6); } .atbs-carousel .owl-prev.disabled, .atbs-carousel .owl-next.disabled { -webkit-transform: translate(0, -50%) scale(0, 1); -moz-transform: translate(0, -50%) scale(0, 1); -ms-transform: translate(0, -50%) scale(0, 1); -o-transform: translate(0, -50%) scale(0, 1); transform: translate(0, -50%) scale(0, 1); } .atbs-carousel .owl-prev i, .atbs-carousel .owl-next i { margin: 0; font-size: 30px; line-height: 1; } .atbs-carousel .owl-prev { position: absolute; top: 50%; right: auto; bottom: auto; left: 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .atbs-carousel .owl-next { position: absolute; top: 50%; right: 0; bottom: auto; left: auto; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; } .atbs-carousel .slick-arrow { width: 36px; padding: 25px 0; background: rgba(0, 0, 0, 0.4); color: #fff; text-align: center; cursor: pointer; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; } .atbs-carousel .slick-arrow:hover { width: 51px; background: rgba(0, 0, 0, 0.6); } .atbs-carousel .slick-arrow::before { margin: 0; font-size: 30px; line-height: 1; } .atbs-carousel .slick-prev { position: absolute; top: 50%; right: auto; bottom: auto; left: 0; } .atbs-carousel .slick-prev.disabled { -webkit-transform: translate(-100%, -50%); -moz-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); -o-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } .atbs-carousel .slick-next { position: absolute; top: 50%; right: 0; bottom: auto; left: auto; } .atbs-carousel .slick-next.disabled { -webkit-transform: translate(100%, -50%); -moz-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); -o-transform: translate(100%, -50%); transform: translate(100%, -50%); } .atbs-carousel .flickity-prev-next-button { width: 36px; height: auto; padding: 25px 0; background: rgba(0, 0, 0, 0.4); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; text-align: center; cursor: pointer; -webkit-transform: translate(0, -50%) scale(1, 1); -moz-transform: translate(0, -50%) scale(1, 1); -ms-transform: translate(0, -50%) scale(1, 1); -o-transform: translate(0, -50%) scale(1, 1); transform: translate(0, -50%) scale(1, 1); -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; } .atbs-carousel .flickity-prev-next-button:hover { width: 51px; background: rgba(0, 0, 0, 0.6); } .atbs-carousel .flickity-prev-next-button.disabled { -webkit-transform: translate(0, -50%) scale(0, 1); -moz-transform: translate(0, -50%) scale(0, 1); -ms-transform: translate(0, -50%) scale(0, 1); -o-transform: translate(0, -50%) scale(0, 1); transform: translate(0, -50%) scale(0, 1); } .atbs-carousel .flickity-prev-next-button svg { display: none; } .atbs-carousel .flickity-prev-next-button::before { content: "\e408"; font-family: "mdicon"; font-size: 30px; } .atbs-carousel .flickity-prev-next-button.previous { left: 0; } .atbs-carousel .flickity-prev-next-button.next { right: 0; } .atbs-carousel .flickity-prev-next-button.next::before { content: "\e409"; } /*---- Owl carousel nav A ----*/ .atbs-carousel-nav-none .owl-nav { display: none; } .atbs-carousel-nav-a { padding-bottom: 30px; } .atbs-carousel-nav-a .owl-nav { position: absolute; top: auto; right: auto; bottom: 0; left: 50%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; overflow: hidden; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .atbs-carousel-nav-a .owl-nav .disabled { cursor: auto; } .atbs-carousel-nav-a .owl-prev, .atbs-carousel-nav-a .owl-next { display: inline-block; height: 40px; width: 40px; position: relative; padding: 0; background: #fff; color: rgba(0, 0, 0, 0.8); font-size: 24px; line-height: 40px; text-align: center; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .atbs-carousel-nav-a .owl-prev i, .atbs-carousel-nav-a .owl-next i { color: rgba(0, 0, 0, 0.8); font-size: 24px; line-height: 40px; text-align: center; } .atbs-carousel-nav-a .owl-prev { border-right: 1px solid rgba(0, 0, 0, 0.05); } /*---- Owl theme B ----*/ .atbs-carousel-nav-b .owl-prev, .atbs-carousel-nav-b .owl-next, .atbs-carousel-nav-b .slick-arrow { display: block; height: 40px; width: 40px; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; font-size: 24px; line-height: 40px; text-align: center; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); } .atbs-carousel-nav-b .owl-prev.disabled, .atbs-carousel-nav-b .owl-next.disabled, .atbs-carousel-nav-b .slick-arrow.disabled { display: none; } .atbs-carousel-nav-b .owl-prev, .atbs-carousel-nav-b .slick-prev { position: absolute; top: 50%; right: auto; bottom: auto; left: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .atbs-carousel-nav-b .owl-next, .atbs-carousel-nav-b .slick-next { position: absolute; top: 50%; right: 0; bottom: auto; left: auto; -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); } /*---- Owl theme C ----*/ .atbs-carousel-nav-c .owl-prev, .atbs-carousel-nav-c .owl-next { top: 0; bottom: 0; -webkit-transform: translate(0, 0) scale(1, 1); -moz-transform: translate(0, 0) scale(1, 1); -ms-transform: translate(0, 0) scale(1, 1); -o-transform: translate(0, 0) scale(1, 1); transform: translate(0, 0) scale(1, 1); } .atbs-carousel-nav-c .owl-prev.disabled, .atbs-carousel-nav-c .owl-next.disabled { -webkit-transform: translate(0, 0) scale(0, 1); -moz-transform: translate(0, 0) scale(0, 1); -ms-transform: translate(0, 0) scale(0, 1); -o-transform: translate(0, 0) scale(0, 1); transform: translate(0, 0) scale(0, 1); } .atbs-carousel-nav-c .owl-prev i, .atbs-carousel-nav-c .owl-next i { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*---- Owl nav D ----*/ .atbs-carousel-nav-d .owl-carousel .owl-stage-outer { overflow: visible; } .atbs-carousel-nav-d .owl-prev, .atbs-carousel-nav-d .owl-next { display: block; width: 9999px; width: -webkit-calc(100vw - 100%); width: -moz-calc(100vw - 100%); width: calc(100vw - 100%); background: rgba(255, 255, 255, 0.8); color: rgba(0, 0, 0, 0.4); font-size: 40px; text-align: center; } .atbs-carousel-nav-d .owl-prev.disabled, .atbs-carousel-nav-d .owl-next.disabled { display: none; } .atbs-carousel-nav-d .owl-prev { position: absolute; top: 0; right: auto; bottom: 0; left: -10px; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } @media (min-width: 992px) { .atbs-carousel-nav-d .owl-prev { left: -30px; } } .atbs-carousel-nav-d .owl-next { position: absolute; top: 0; right: -10px; bottom: 0; left: auto; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } @media (min-width: 992px) { .atbs-carousel-nav-d .owl-next { right: -30px; } } .atbs-carousel-nav-d .owl-prev i { position: absolute; top: 50%; right: 20px; bottom: auto; left: auto; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .atbs-carousel-nav-d .owl-next i { position: absolute; top: 50%; right: auto; bottom: auto; left: 20px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } /*---- Owl nav E ----*/ .atbs-carousel-nav-e .owl-prev, .atbs-carousel-nav-e .owl-next, .atbs-carousel-nav-e .slick-arrow, .atbs-carousel-nav-e .swiper-button-next, .atbs-carousel-nav-e .swiper-button-prev { display: block; height: 80px; width: 36px; background: rgba(0, 0, 0, 0.4); color: #fff; font-size: 24px; text-align: center; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .atbs-carousel-nav-e .owl-prev:hover, .atbs-carousel-nav-e .owl-next:hover, .atbs-carousel-nav-e .slick-arrow:hover, .atbs-carousel-nav-e .swiper-button-next:hover, .atbs-carousel-nav-e .swiper-button-prev:hover { width: 46px; } .atbs-carousel-nav-e .owl-prev i, .atbs-carousel-nav-e .slick-prev i { margin-right: 6px; line-height: 60px; } .atbs-carousel-nav-e .owl-next i, .atbs-carousel-nav-e .slick-next i { margin-left: 6px; line-height: 60px; } .atbs-carousel-nav-e .owl-prev, .atbs-carousel-nav-e .slick-prev, .atbs-carousel-nav-e .swiper-button-prev { position: absolute; top: 50%; right: auto; bottom: auto; left: 0; } .atbs-carousel-nav-e .owl-prev::before, .atbs-carousel-nav-e .slick-prev::before, .atbs-carousel-nav-e .swiper-button-prev::before { content: "\e408"; font-family: "mdicon"; font-size: 36px; line-height: 80px; } .atbs-carousel-nav-e .owl-next, .atbs-carousel-nav-e .slick-next, .atbs-carousel-nav-e .swiper-button-next { position: absolute; top: 50%; right: 0; bottom: auto; left: auto; } .atbs-carousel-nav-e .owl-next::before, .atbs-carousel-nav-e .slick-next::before, .atbs-carousel-nav-e .swiper-button-next::before { content: "\e409"; font-family: "mdicon"; font-size: 32px; line-height: 80px; } /*---- Owl carousel nav F ----*/ .atbs-carousel-nav-f .owl-prev, .atbs-carousel-nav-f .owl-next, .atbs-carousel-nav-f .slick-arrow { display: inline-block; height: 50px; width: 50px; position: absolute; top: 50%; right: 20px; bottom: auto; left: auto; background: #fff; background-clip: padding-box; border: 3px solid rgba(255, 255, 255, 0.4); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-size: 28px; line-height: 50px; text-align: center; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); } .atbs-carousel-nav-f .owl-prev, .atbs-carousel-nav-f .slick-prev { left: 20px; right: auto; } /*---- Custom Owl carousel nav ----*/ .atbs-carousel-nav-custom-holder .owl-prev, .atbs-carousel-nav-custom-holder .owl-next { display: inline-block; height: 40px; width: 40px; position: relative; padding: 0; background: #fff; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #333; line-height: 38px; text-align: center; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .atbs-carousel-nav-custom-holder .owl-prev:hover, .atbs-carousel-nav-custom-holder .owl-next:hover { background: #fff; width: 40px; } .atbs-carousel-nav-custom-holder .owl-prev.disabled, .atbs-carousel-nav-custom-holder .owl-next.disabled { background: #aaa; cursor: default; opacity: 0.5; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .atbs-carousel-nav-custom-holder .owl-prev i, .atbs-carousel-nav-custom-holder .owl-next i { font-size: 20px; } .atbs-carousel-nav-custom-holder .owl-prev { margin-right: 4px; } /*---- Owl dot nav A ----*/ .atbs-carousel-dots-none .owl-dots { display: none; } .atbs-carousel-dots-a .owl-dots { position: absolute; top: auto; right: auto; bottom: 0; left: 50%; white-space: nowrap; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media (min-width: 768px) { .atbs-carousel-dots-a .owl-dots { bottom: 10px; } } .atbs-carousel-dots-a .owl-dot { display: inline-block; padding: 10px; } .atbs-carousel-dots-a .owl-dot span { display: inline-block; height: 8px; width: 8px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: rgba(255, 255, 255, 0.4); vertical-align: middle; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .atbs-carousel-dots-a .owl-dot.active span { background: rgba(255, 255, 255, 0.8); } /*---- Owl dot nav B ----*/ .atbs-carousel-dots-b .owl-dots { padding: 15px 0; text-align: center; } .atbs-carousel-dots-b .owl-dot { display: inline-block; height: 8px; width: 8px; margin: 0 8px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .atbs-carousel-dots-b .owl-dot.active { background: rgba(0, 0, 0, 0.4); } .atbs-carousel-dots-b .swiper-pagination { position: static; padding: 15px 0; } .atbs-carousel-dots-b--inverse .swiper-pagination-bullet { background: #fff; } /* * Slick carousel *--------------------*/ .atbs-carousel .slide-content:not(:first-child) { display: none; } .atbs-carousel.slick-initialized .slide-content, .atbs-carousel .slick-initialized .slide-content { display: block; } /* * Flickity carousel *--------------------*/ .atbs-carousel.flickity-enabled .slide-content, .atbs-carousel .flickity-enabled .slide-content { display: block; } /*---- Arrow ----*/ .slick-arrow { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 0; z-index: 10; } .slick-arrow::before { content: "\e408"; font-family: "mdicon"; font-size: 22px; } .slick-next::before { content: "\e409"; } /*---- Arrow ----*/ .slick-dots { display: block; margin: 10px auto; padding: 0; list-style: none; text-align: center; z-index: 10; } .slick-dots li { display: inline-block; } .slick-dots li button { display: inline-block; height: 12px; width: 12px; padding: 0; margin: 0 10px; border: 1px solid transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: rgba(0, 0, 0, 0.2); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 0; vertical-align: middle; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -moz-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -o-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slick-dots li button:hover, .slick-dots li button:focus { background: rgba(0, 0, 0, 0.4); } .slick-dots li.slick-active button { -webkit-transform: scale(1.4, 1.4); -moz-transform: scale(1.4, 1.4); -ms-transform: scale(1.4, 1.4); -o-transform: scale(1.4, 1.4); transform: scale(1.4, 1.4); background: transparent; border: 1px solid rgba(0, 0, 0, 0.2); } .atbs-carousel--dots-transparent .slick-dots { width: 100%; position: absolute; top: auto; right: auto; bottom: 20px; left: auto; margin: 0 auto; } /* * Fotorama *--------------------*/ .atbs-gallery-slider .fotorama__stage { background: #111; } .atbs-gallery-slider .fotorama__thumb-border { border-color: var(--color-primary); background: transparent; } .atbs-gallery-slider .fotorama__nav__frame:not(.fotorama__active) { opacity: 0.8; } .atbs-gallery-slider .fotorama__nav--thumbs { position: relative; background: #111; } .atbs-gallery-slider .fotorama__nav--dots { margin-top: 5px; } .atbs-gallery-slider .fotorama__nav--dots .fotorama__nav__frame { width: auto; height: auto; padding: 12px 8px; } .atbs-gallery-slider .fotorama__dot { height: 8px; width: 8px; top: auto; left: auto; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: rgba(0, 0, 0, 0.2); } .atbs-gallery-slider .fotorama__nav__frame.fotorama__active .fotorama__dot { height: 8px; width: 8px; background: rgba(0, 0, 0, 0.4); } .atbs-gallery-slider .fotorama__caption { text-align: center; background-color: transparent; background-image: -webkit-linear-gradient( -270deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -webkit-gradient( linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent) ); background-image: -webkit-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -moz-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -o-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: linear-gradient( 0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); } .atbs-gallery-slider .fotorama__caption__wrap { padding: 1em; background: transparent; color: #fff; font-size: 1rem; text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .atbs-gallery-slider .fotorama__caption__wrap a, .atbs-gallery-slider .fotorama__caption__wrap a:hover, .atbs-gallery-slider .fotorama__caption__wrap a:focus, .atbs-gallery-slider .fotorama__caption__wrap a:active { color: #fff; text-decoration: none; border: none; } /* * Overflow carousel *--------------------*/ .atbs-carousel-overflow { overflow: hidden; } @media (max-width: 767px) { .atbs-carousel-overflow { margin-left: -15px; margin-right: -15px; } } .atbs-carousel-overflow--has-background { padding: 20px; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #f5f5f5; } @media (min-width: 768px) { .atbs-carousel-overflow--has-background { padding: 40px; } } .atbs-carousel-overflow--has-background .atbs-carousel__inner { margin-left: -20px; margin-right: -20px; } @media (min-width: 768px) { .atbs-carousel-overflow--has-background .atbs-carousel__inner { margin-left: -40px; margin-right: -40px; } } .atbs-carousel-overflow--has-background:not(.atbs-carouel-dots-none) { padding-bottom: 0; } /* ----------------------------------------------------------------- ## Categories bar ----------------------------------------------------------------- */ .category-bar { margin-bottom: 30px; } .category-bar-inner { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -8px; } .category-bar__cat { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; margin: 0 8px 10px; text-align: center; } .category-bar__cat a { display: block; padding: 8px; border: 1px solid rgba(0, 0, 0, 0.04); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .category-bar__cat a:hover { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); } .category-bar .cat-icon { color: rgba(0, 0, 0, 0.2); font-size: 30px; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .category-bar .cat-name { color: rgba(0, 0, 0, 0.8); font-size: 12px; text-transform: uppercase; } /* ----------------------------------------------------------------- ## Count down ----------------------------------------------------------------- */ .atbs-countdown { position: relative; text-align: center; } .atbs-countdown__inner { display: inline-block; margin: 0 -10px; } .atbs-countdown__inner::after { clear: both; content: ""; display: table; } @media (min-width: 768px) { .atbs-countdown__inner { margin: 0 -20px; } } @media (min-width: 992px) { .atbs-countdown__inner { margin: 0 -30px; } } .countdown__section { display: inline-block; min-width: 60px; margin: 0 10px; text-align: center; } @media (min-width: 768px) { .countdown__section { min-width: 80px; margin: 0 20px; } } .countdown__digit { display: block; font-size: 32px; font-weight: 700; } @media (min-width: 768px) { .countdown__digit { font-size: 48px; } } @media (min-width: 992px) { .countdown__digit { font-size: 60px; } } .countdown__text { display: block; font-size: 14px; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1em; } @media (min-width: 768px) { .countdown__text { font-size: 16px; } } @media (min-width: 992px) { .countdown__text { font-size: 20px; } } .atbs-countdown-block::after { clear: both; content: ""; display: table; } .atbs-countdown-block .atbs-block__inner { padding: 20px; } @media (min-width: 768px) { .atbs-countdown-block .atbs-block__inner { padding: 30px; } } .atbs-countdown-block--solid-overlay .atbs-countdown { padding: 20px; background-color: #fff; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); } /* ----------------------------------------------------------------- ## Block general ----------------------------------------------------------------- */ .atbs-block { position: relative; margin-bottom: 40px; } .atbs-block:last-child { margin-bottom: 0; } .atbs-block__inner { position: relative; } @media (min-width: 1200px) { .atbs-block--fullwidth { margin-bottom: 60px; } } .atbs-block--fullwidth.atbs-block--contiguous:first-child { margin-top: -35px; } @media (min-width: 768px) { .atbs-block--fullwidth.atbs-block--contiguous:first-child { margin-top: -70px; } } .atbs-block.has-background { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 992px) { .atbs-block.has-background { padding-top: 40px; padding-bottom: 40px; } } @media (min-width: 992px) { .atbs-block.has-background--md { padding-top: 60px; padding-bottom: 60px; } } .atbs-block.has-overlap-background { padding-top: 30px; } @media (min-width: 992px) { .atbs-block.has-overlap-background { padding-top: 40px; } } .atbs-block.has-border { padding-top: 30px; padding-bottom: 30px; border-top: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); } @media (min-width: 992px) { .atbs-block.has-border { padding-top: 40px; padding-bottom: 40px; } } .atbs-layout-split:first-child { margin-top: -10px; } /* ----------------------------------------------------------------- ## Offcanvas Menu ----------------------------------------------------------------- */ body.is-atbs-offcanvas-opened { overflow: hidden; } .atbs-offcanvas { max-width: 100%; width: 320px; position: fixed; top: 0; left: 0; right: auto; bottom: 0; margin: 0; overflow: hidden; background: #fff; z-index: 1039; /* bootstrap modal */ -webkit-transform: translate(-101%, 0); -moz-transform: translate(-101%, 0); -ms-transform: translate(-101%, 0); -o-transform: translate(-101%, 0); transform: translate(-101%, 0); -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -moz-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -o-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; } @media (min-width: 992px) { .atbs-offcanvas { display: none; } } @media (min-width: 768px) { .atbs-offcanvas { width: 360px; } } .atbs-offcanvas.is-active { -webkit-box-shadow: 0 1px 10px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 10px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px 10px rgba(0, 0, 0, 0.1); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .atbs-offcanvas-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 1030; /* bootstrap backdrop */; } .atbs-offcanvas-close { height: 30px; width: 30px; position: absolute; top: 8px; right: 8px; bottom: auto; left: auto; padding: 0; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: transparent; color: rgba(0, 0, 0, 0.4) !important; font-size: 14px; line-height: 28px; text-align: center; text-decoration: none !important; overflow: hidden; } .atbs-offcanvas__title { position: relative; padding: 20px 50px 20px 20px; font-size: 14px; } .atbs-offcanvas__title .social-list { margin-top: 10px; font-size: 16px; color: rgba(0, 0, 0, 0.4); } .atbs-offcanvas__section { padding: 20px; } .atbs-offcanvas__section:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.05); } .atbs-offcanvas__section-search + .atbs-offcanvas__section-navigation { padding-top: 0; border-top: none; } .navigation--offcanvas { margin: 0 -20px; } .navigation--offcanvas li { color: rgba(0, 0, 0, 0.6); } .navigation--offcanvas li > a { color: inherit; text-decoration: none; display: block; position: relative; padding: 12px; line-height: 1.5; background: transparent; color: rgba(0, 0, 0, 0.6); } .navigation--offcanvas li > a:hover, .navigation--offcanvas li > a:active, .navigation--offcanvas li > a:focus { color: inherit; text-decoration: none; } .navigation--offcanvas li > a:hover { color: var(--color-primary); } .navigation--offcanvas li > a::after { content: ""; position: absolute; top: 0; right: auto; bottom: 0; left: 0; border-right: 3px solid var(--color-primary); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s; } .navigation--offcanvas li.current-menu-item > a::after { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .navigation--offcanvas li.menu-item-has-children > a { padding-right: 56px; } .navigation--offcanvas > li > a { padding: 12px 20px; text-transform: uppercase; font-weight: 500; } .navigation--offcanvas .sub-menu { display: none; padding: 10px 0; background: rgba(0, 0, 0, 0.01); } .navigation--offcanvas > li > .sub-menu > li > a { padding-left: 30px; } .navigation--offcanvas > li > .sub-menu > li > .sub-menu > li > a { padding-left: 40px; } .navigation--offcanvas .submenu-toggle { display: block; width: 36px; position: absolute; top: 0; right: 10px; bottom: 0; left: auto; text-align: center; } .navigation--offcanvas .submenu-toggle i { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; margin: 0; font-size: 20px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .admin-bar .atbs-offcanvas, .admin-bar .sticky-header.is-fixed { margin-top: 46px; } @media (min-width: 784px) { .admin-bar .atbs-offcanvas, .admin-bar .sticky-header.is-fixed { margin-top: 32px; } } /* ----------------------------------------------------------------- ## Widgets ----------------------------------------------------------------- */ .widget { margin-bottom: 40px; } .widget:last-child { margin-bottom: 0; } .widget--centered { text-align: center; } .widget--has-background { padding: 20px; } .widget__title { margin-bottom: 20px; } .has-block-heading-line-around .widget__title, .has-block-heading-line .widget__title { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } .has-block-heading-line .widget__title::after { content: ""; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; box-ordinal-group: 2; -webkit-order: 2; -moz-order: 2; order: 2; -ms-flex-order: 2; margin-left: 0.6em; border-top: 2px solid rgba(0, 0, 0, 0.05); } .widget__title a { color: inherit; text-decoration: none; } .site-footer .widget__title::before, .site-footer .widget__title::after, .atbs-offcanvas .widget__title::before, .atbs-offcanvas .widget__title::after { content: none !important; } .has-block-heading-line-around .site-footer .widget__title { display: block; text-align: center; } .widget__title-text { margin: 0; font-size: 15px; font-size: 1.1rem; line-height: 1.2; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .widget__title .first-word { font-weight: 300; } .has-block-heading-line-under .widget__title { padding-bottom: 5px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .has-block-heading-line-around .widget__title__title { padding-right: 0; } .has-block-heading-line-under .widget__title__seperator, .has-block-heading-line-around .widget__title__seperator { display: none; } .has-block-heading-line-around .widget__title::before, .has-block-heading-line-around .widget__title::after { content: ""; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0.6em; border-bottom: 2px solid rgba(0, 0, 0, 0.05); } .has-block-heading-line-around .widget__title::after { margin-left: 0.6em; } .has-block-heading-line-around .atbs-widget--box .widget__title { -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } .site-footer .widget__title__title { font-size: 14px; } /*---- Box Widget ----*/ .atbs-widget--box .widget__title { margin-bottom: 0; padding: 10px 20px; background: var(--color-primary); border-bottom: none; color: #fff; } .atbs-widget--box .widget__title::before, .atbs-widget--box .widget__title::after { content: none; } .atbs-widget--box .widget__inner { padding: 20px; background: #fafafa; } /*---- Indexed Widget 1 ----*/ .atbs-widget-indexed-posts-1 .posts-list { counter-reset: li; } .atbs-widget-indexed-posts-1 .posts-list > li .post__thumb { position: relative; } .atbs-widget-indexed-posts-1 .posts-list > li .post__thumb::after { content: counter(li); /* Use the counter as content */ counter-increment: li; display: block; height: 24px; width: 24px; position: absolute; top: auto; right: auto; bottom: 4px; left: 4px; border: 1px solid rgba(255, 255, 255, 0.4); background: var(--color-primary); color: #fff; text-align: center; font-size: 12px; line-height: 22px; font-weight: 700; } /*---- Indexed Widget 2 ----*/ .atbs-widget-indexed-posts-2 .posts-list { counter-reset: li; } .atbs-widget-indexed-posts-2 .posts-list > li .post__title { position: relative; } .atbs-widget-indexed-posts-2 .posts-list > li .post__title::after { content: counter(li); /* Use the counter as content */ counter-increment: li; display: block; position: absolute; top: -30px; right: 15px; bottom: auto; left: auto; color: var(--color-primary); font-size: 96px; line-height: 1; font-weight: 700; font-style: italic; opacity: 0.25; } /*---- Indexed Widget 3 ----*/ .atbs-widget-indexed-posts-3 .list-index { display: inline-block; min-width: 45px; margin-left: 10px; color: rgba(0, 0, 0, 0.8); font-size: 26px; font-size: 1.86rem; line-height: 1; font-weight: 700; text-align: center; } .atbs-widget-indexed-posts-3 .posts-list > li .post--overlay .post__text-inner { padding-left: 10px; } .atbs-widget-indexed-posts-3 .posts-list > li .post--overlay .list-index { margin-left: 0; color: #fff; font-size: 36px; font-size: 2.57rem; } /*---- Widget most commented ----*/ .atbs-widget-most-commented .comments-count-box { color: inherit; text-decoration: none; min-width: 48px; margin-right: 10px; padding: 10px 12px; background: #444; font-size: 16px; } .atbs-widget-most-commented .comments-count-box:hover, .atbs-widget-most-commented .comments-count-box:active, .atbs-widget-most-commented .comments-count-box:focus { color: inherit; text-decoration: none; } .atbs-widget-most-commented .comments-count-box::before { border-top-color: #444; } /*---- Social counter widget ----*/ .atbs-widget-social-counter::after { clear: both; content: ""; display: table; } .social-tile { color: inherit; text-decoration: none; display: block; position: relative; padding: 15px 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: rgba(0, 0, 0, 0.05); overflow: hidden; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .social-tile:hover, .social-tile:active, .social-tile:focus { color: inherit; text-decoration: none; } .social-tile:hover { background: rgba(0, 0, 0, 0.02); } .social-tile::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0))); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0) 100%); } .social-tile__inner { -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .social-tile__icon { position: absolute; top: auto; right: auto; bottom: 0; left: 0; font-size: 5.7143rem; color: rgba(255, 255, 255, 0.2); line-height: 1; -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transform: translate(20%, 25%) scale(1, 1); -moz-transform: translate(20%, 25%) scale(1, 1); -ms-transform: translate(20%, 25%) scale(1, 1); -o-transform: translate(20%, 25%) scale(1, 1); transform: translate(20%, 25%) scale(1, 1); -webkit-transform-origin: 0 50% 0; -moz-transform-origin: 0 50% 0; -ms-transform-origin: 0 50% 0; -o-transform-origin: 0 50% 0; transform-origin: 0 50% 0; } .social-tile:hover .social-tile__icon { -webkit-transform: translate(20%, 20%) scale(1.4, 1.4); -moz-transform: translate(20%, 20%) scale(1.4, 1.4); -ms-transform: translate(20%, 20%) scale(1.4, 1.4); -o-transform: translate(20%, 20%) scale(1.4, 1.4); transform: translate(20%, 20%) scale(1.4, 1.4); } .social-tile__title { margin: 0; color: #fff; font-size: 1.2rem; font-weight: 700; text-transform: uppercase; } .social-tile__count { color: rgba(255, 255, 255, 0.6); font-size: 1rem; line-height: 1.1; } .social-tile__right .mdicon { display: inline-block; font-size: 1.2857rem; color: #fff; -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .social-tile:hover .social-tile__right .mdicon { -webkit-transform: translate(40%, 0); -moz-transform: translate(40%, 0); -ms-transform: translate(40%, 0); -o-transform: translate(40%, 0); transform: translate(40%, 0); } /*---- Subscribe widget ----*/ .widget-subscribe { padding-top: 20px; } .widget-subscribe__inner { padding: 20px; background: #fff; border: 3px solid #eee; -webkit-box-shadow: 0 -20px 0 -10px #f5f5f5, 0 -38px 0 -20px #fafafa; -moz-box-shadow: 0 -20px 0 -10px #f5f5f5, 0 -38px 0 -20px #fafafa; box-shadow: 0 -20px 0 -10px #f5f5f5, 0 -38px 0 -20px #fafafa; } @media (min-width: 768px) { .widget-subscribe__inner { padding: 30px; } } .widget-subscribe.widget--centered .subscribe-form input[type="email"] { text-align: center; } .widget-subscribe--stack-bottom { padding-top: 0; padding-bottom: 20px; } .widget-subscribe--stack-bottom .widget-subscribe__inner { -webkit-box-shadow: 0 20px 0 -10px #f5f5f5, 0 38px 0 -20px #fafafa; -moz-box-shadow: 0 20px 0 -10px #f5f5f5, 0 38px 0 -20px #fafafa; box-shadow: 0 20px 0 -10px #f5f5f5, 0 38px 0 -20px #fafafa; } /*---- Widget Categories ----*/ /* ----------------------------------------------------------------- ## WordPress Defaul Widgets ----------------------------------------------------------------- */ /*---- ## Archive Widget ----*/ .widget_archive ul { list-style: none; padding: 0; } .widget_archive li:not(:last-child) { margin-bottom: 15px; } .widget_archive li > a { display: inline-block; text-decoration: none; color: rgba(0, 0, 0, 0.8); } .widget_archive a > span { display: inline-block; background: #ccc; padding: 1px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 5px; font-size: 0.8571rem; color: #fff; } .widget_archive ul.children { padding-top: 15px; padding-left: 15px; } .widget_archive ul.children li > a { color: rgba(0, 0, 0, 0.6); } /*---- ## Calendar Widget ----*/ .widget_calendar { border-bottom: none; } #calendar_wrap { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; background-color: #fff; } .widget_calendar caption { padding: 0.6em; text-align: center; font-size: 22px; font-size: 1.5714rem; font-weight: 700; color: #fff; background-color: #333; } .widget_calendar table { width: 100%; margin-bottom: 0; font-size: 12px; font-size: 0.8571rem; color: rgba(0, 0, 0, 0.6); border: 1px solid rgba(0, 0, 0, 0.05); } .widget_calendar thead { background-color: #fafafa; } .widget_calendar th { padding: 1em; text-align: center; border: none; } .widget_calendar td { padding: 0.8em 1em; border: none; text-align: center; } .widget_calendar td a { position: relative; text-decoration: none; color: rgba(0, 0, 0, 0.8); font-weight: 700; } .widget_calendar td a::before { content: ""; display: block; width: 4px; height: 4px; position: absolute; top: -4px; right: -6px; bottom: auto; left: auto; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #aaa; background-color: var(--color-primary); } .widget_calendar #today, .widget_calendar #today a { position: relative; font-weight: 700; color: #fff; background-color: #444; background-color: var(--color-primary); } .widget_calendar tfoot { border-top: 1px solid rgba(0, 0, 0, 0.05); } .widget_calendar tfoot td { padding: 1em; } .widget_calendar tfoot a { font-size: 18px; font-weight: 700; color: rgba(0, 0, 0, 0.8); } .widget_calendar tfoot a::before { content: none; } /*---- ## Categories Widget ----*/ .widget_categories ul { list-style: none; padding: 0; } .widget_categories li:not(:last-child) { margin-bottom: 15px; } .widget_categories li > a { display: inline-block; text-decoration: none; color: rgba(0, 0, 0, 0.8); } .widget_categories a > span { display: inline-block; background: #ccc; padding: 1px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 5px; font-size: 0.8571rem; color: #fff; } .widget_categories ul.children { padding-top: 15px; padding-left: 20px; } /*---- ## Menu Widget ----*/ .widget_nav_menu ul { list-style: none; padding: 0; } .widget_nav_menu ul:not(.sub-menu) > li:not(:last-child) { margin-bottom: 15px; } .widget_nav_menu li:not(:last-child) { margin-bottom: 12px; } .widget_nav_menu li > a { display: inline-block; text-decoration: none; color: rgba(0, 0, 0, 0.8); font-weight: 500; font-size: 15px; } .widget_nav_menu { border: 1px solid rgba(0,0,0,0.05); } .widget_nav_menu ul:not(.sub-menu) > li { border-bottom: 1px solid rgba(0,0,0,0.05); margin-bottom: 0 !important; padding: 15px; } .widget_nav_menu ul:not(.sub-menu) > li > a + .sub-menu { padding-top: 15px; padding-left: 15px; } .widget_nav_menu li .sub-menu a { position: relative; padding-left: 24px; } .widget_nav_menu li .sub-menu a:before{ content: ''; display: block; width: 13px; height: 0.5px; background-color: rgba(0,0,0,0.1); position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .inverse-text .widget_nav_menu li > a { color: rgba(255, 255, 255, 0.8); } .inverse-text .widget_nav_menu li > a:hover, .inverse-text .widget_nav_menu li > a:focus, .inverse-text .widget_nav_menu li > a:active { color: white; } .widget_nav_menu .sub-menu { padding-top: 10px; padding-left: 15px; } .widget_nav_menu .sub-menu .sub-menu { font-size: 100%; } /*---- ## Meta Widget ----*/ .widget_meta ul { list-style: none; padding: 0; } .widget_meta li:not(:last-child) { margin-bottom: 15px; } .widget_meta li > a { display: inline-block; text-decoration: none; color: rgba(0, 0, 0, 0.8); } .inverse-text .widget_meta li > a { color: rgba(255, 255, 255, 0.8); } .inverse-text .widget_meta li > a:hover, .inverse-text .widget_meta li > a:focus, .inverse-text .widget_meta li > a:active { color: white; } /*---- ## Pages Widget ----*/ .widget_pages ul { list-style: none; padding: 0; } .widget_pages li:not(:last-child) { margin-bottom: 15px; } .widget_pages li > a { display: inline-block; text-decoration: none; color: rgba(0, 0, 0, 0.8); } .widget_pages ul.children { padding-top: 15px; padding-left: 20px; } /*---- ## Recent Comments Widget ----*/ .widget_recent_comments #recentcomments { margin: 0; padding: 0; list-style: none; } .widget_recent_comments .recentcomments { position: relative; margin-bottom: 20px; } .widget_recent_comments .recentcomments::before { content: "\e0cb"; font-family: "mdicon"; margin-right: 0.2em; } .widget_recent_comments .recentcomments > a { display: block; position: relative; margin-top: 8px; padding: 10px 15px; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.8); text-decoration: none !important; } .widget_recent_comments .comment-author-link { font-weight: 700; } .widget_recent_comments .comment-author-link a { color: inherit; text-decoration: none !important; text-transform: uppercase; } .inverse-text .widget_recent_comments .recentcomments > a { color: white; border: 1px solid rgba(255, 255, 255, 0.1); background: transparent; } /*---- ## Recent Posts Widget ----*/ .widget_recent_entries ul { list-style: none; padding: 0; } .widget_recent_entries li:not(:last-child) { margin-bottom: 15px; } .widget_recent_entries li > a { display: inline-block; text-decoration: none; color: rgba(0, 0, 0, 0.8); } /*---- ## RSS Widget ----*/ .widget_rss .rss-widget-icon { display: none; } .widget_rss .widget__title a.rsswidget:last-child::before { content: "\e0e5"; font-family: "mdicon"; margin-right: 0.3em; } .widget_rss ul { list-style: none; } .widget_rss li { position: relative; padding: 12px 0; border-top: 1px solid rgba(0, 0, 0, 0.05); } .widget_rss li:first-child { padding-top: 0; border-top: none; } .widget_rss a.rsswidget { font-weight: 700; color: inherit; } .widget_rss .rss-date { display: block; margin-top: 0.4em; font-size: 12px; font-size: 0.8571rem; font-style: italic; } .widget_rss .rssSummary { margin: 0.4em 0; } /*---- ## Tag Cloud Widget ----*/ .tagcloud::after { clear: both; content: ""; display: table; } .tagcloud a { display: inline-block; float: left; padding: 5px 10px; margin: 0 10px 10px 0; font-size: 12px; font-size: 0.8571rem; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.1); background: #fafafa; color: rgba(0, 0, 0, 0.44); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tagcloud a:hover { background: #fff; color: rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); } /* ----------------------------------------------------------------- ## Carousel Heading Aside ----------------------------------------------------------------- */ .atbs-carousel-heading-aside .owl-nav { display: none; } .atbs-carousel-heading-aside .carousel-heading { height: 100%; text-align: center; padding-bottom: 15px; } @media (min-width: 768px) { .atbs-carousel-heading-aside .carousel-heading { text-align: left; padding-right: 15px; } } .atbs-carousel-heading-aside .carousel-heading--has-bg { padding: 20px; background: #0a293b; } /* ----------------------------------------------------------------- ## Carousel Thumb Overlap ----------------------------------------------------------------- */ @media (min-width: 768px) { .atbs-carousel-thumb-overlap .post__text { min-height: 380px; } } /* ----------------------------------------------------------------- ## Carousel Overlap ----------------------------------------------------------------- */ .atbs-carousel-overlap .overlap-background { bottom: 112px; } @media (max-width: 767px) { .atbs-carousel-overlap .atbs-carousel__inner { margin-top: -30px; } td { padding: 0.4em; } } .atbs-carousel-overlap .flickity-viewport { overflow: visible !important; } .atbs-carousel-overlap .slide-content { width: 100%; visibility: hidden; } @media (min-width: 768px) { .atbs-carousel-overlap .slide-content { margin: 0 -20px; max-width: 720px; } } @media (min-width: 992px) { .atbs-carousel-overlap .slide-content { margin: 0 -30px; max-width: 970px; } } .atbs-carousel-overlap .flickity-enabled .slide-content { visibility: visible; } @media (min-width: 768px) { .atbs-carousel-overlap .slide-content .post--overlay { -webkit-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1); } } @media (min-width: 768px) { .atbs-carousel-overlap .slide-content.is-selected .post--overlay { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } .atbs-carousel-overlap .post--overlay { -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); } .atbs-carousel-overlap .post--overlay .post__text { min-height: 360px; } @media (min-width: 768px) { .atbs-carousel-overlap .post--overlay .post__text { min-height: 480px; } } /* ----------------------------------------------------------------- ## Mosaic Block ----------------------------------------------------------------- */ .atbs-mosaic .row, .atbs-mosaic.row { margin-left: -5px; margin-right: -5px; } .atbs-mosaic .row--space-between, .atbs-mosaic.row--space-between { margin-top: -5px; margin-bottom: -5px; } .atbs-mosaic [class*="col-"] { padding-left: 5px; padding-right: 5px; } .atbs-mosaic .row--space-between > [class*="col-"], .atbs-mosaic.row--space-between > [class*="col-"] { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; } .atbs-mosaic.has-background, .atbs-mosaic.has-overlap-background { padding-top: 30px; } .atbs-mosaic .mosaic-item { float: left; position: relative; } @media (min-width: 992px) { .atbs-mosaic .mosaic-item { height: 480px; } } @media (min-width: 992px) { .atbs-mosaic .mosaic-item--half { height: 240px; } } @media (max-width: 767px) { .atbs-mosaic .mosaic-item .post--overlay .post__text { min-height: 220px; } } @media (max-width: 991px) { .atbs-mosaic .mosaic-item .post--overlay .post__text { min-height: 220px; } } @media (max-width: 767px) { .atbs-mosaic .mosaic-item:first-child .post--overlay .post__text { min-height: 320px; } } @media (max-width: 991px) { .atbs-mosaic .mosaic-item:first-child .post--overlay .post__text { min-height: 320px; } } @media (min-width: 992px) { .atbs-mosaic .mosaic-item .post--overlay, .atbs-mosaic .mosaic-item .post--overlay .post__text { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } .atbs-mosaic--has-shadow .mosaic-item .post--overlay { -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4); } @media (min-width: 992px) { .atbs-mosaic--gutter-10 .mosaic-item .post--overlay { position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; } } @media (min-width: 992px) { .atbs-mosaic--gutter-20 .mosaic-item .post--overlay { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; } } @media (min-width: 992px) { .atbs-mosaic--gutter-30 .mosaic-item .post--overlay { position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; } } .atbs-mosaic .mosaic-item .post--overlay .background-img { -webkit-box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.1); } .atbs-mosaic-block .overlap-background { bottom: 60px; } /* ----------------------------------------------------------------- ## Featured with overlap posts ----------------------------------------------------------------- */ .featured-with-overlap-posts .main-post { min-height: 420px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -moz-box-align: end; box-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; -ms-flex-align: end; } @media (min-width: 768px) { .featured-with-overlap-posts .main-post { min-height: 520px; } } .featured-with-overlap-posts .main-post .background-img::after { background-color: transparent; background-image: -webkit-linear-gradient( -270deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -webkit-gradient( linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent) ); background-image: -webkit-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -moz-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -o-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: linear-gradient( 0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); opacity: 1; background-color: transparent; } .featured-with-overlap-posts .main-post .post__text { width: 100%; } .featured-with-overlap-posts .main-post .post__text-inner { padding: 20px 0 100px; } .featured-with-overlap-posts .sub-posts { position: relative; margin-top: -60px; } .featured-with-overlap-posts .sub-posts > ul { padding: 0; list-style: none; } .featured-with-overlap-posts .sub-posts > ul > li:nth-child(3) { clear: both; } @media (min-width: 992px) { .featured-with-overlap-posts .sub-posts > ul > li:nth-child(3) { clear: none; } } .featured-with-overlap-posts .sub-posts article .post__thumb { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06); } /* ----------------------------------------------------------------- ## Featured Block B ----------------------------------------------------------------- */ .atbs-featured-block-b { padding-top: 40px; } .atbs-featured-block-b .atbs-block__background { bottom: 30px; } /* ----------------------------------------------------------------- ## Featured Block C ----------------------------------------------------------------- */ .atbs-featured-block-a { position: relative; overflow: hidden; } .atbs-featured-block-a article { position: relative; } @media (max-width: 767px) { .atbs-featured-block-a .main-post-wrap { position: relative; margin: -30px -15px 0; padding: 30px 15px; } } .atbs-featured-block-a .main-post { position: relative; padding: 30px 0; } @media (min-width: 768px) { .atbs-featured-block-a .main-post { margin: 40px auto; } } @media (min-width: 992px) { .atbs-featured-block-a .main-post { margin: 40px auto 60px; } } @media (min-width: 768px) { .atbs-featured-block-a .main-post::before { content: ""; position: absolute; top: 0; right: 20%; bottom: 0; left: 20%; border: 10px solid var(--color-primary); opacity: 0.6; } } @media (min-width: 1200px) { .atbs-featured-block-a .main-post::before { content: ""; position: absolute; top: 0; right: 30%; bottom: 0; left: 30%; border: 12px solid var(--color-primary); opacity: 0.6; } } .atbs-featured-block-a .main-post .video-post .atbs-post-type-icon { margin-top: 30px; } .atbs-featured-block-a .main-post .post__text { position: relative; margin: 0 auto; text-align: center; } .atbs-featured-block-a .main-post .post__excerpt { max-width: 600px; margin: 20px auto 0; font-weight: 300; color: rgba(255, 255, 255, 0.8); } @media (min-width: 768px) { .atbs-featured-block-a .main-post .post__excerpt { font-size: 16px; } } @media (max-width: 767px) { .atbs-featured-block-a .sub-posts-wrap { position: relative; margin: -30px -15px; padding: 15px; background: #12162d; } } /* ----------------------------------------------------------------- ## Featured with list ----------------------------------------------------------------- */ .atbs-featured-with-list__wrapper { position: relative; overflow: hidden; } .atbs-featured-with-list .main-post { overflow: hidden; } .atbs-featured-with-list .main-post .post__title { text-shadow: 0 0 50px rgba(0, 0, 0, 0.4); } .atbs-featured-with-list .main-post .post__meta, .atbs-featured-with-list .main-post .post__excerpt { text-shadow: 0 0 8px rgba(0, 0, 0, 0.2); } .atbs-featured-with-list .sub-posts { position: relative; overflow: hidden; } .atbs-featured-with-list .sub-posts__inner { width: 100%; /* IE fix */ max-width: 1440px; margin: 0 auto; } @media (min-width: 992px) { .atbs-featured-with-list--vertical-list .atbs-featured-with-list__inner { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } .atbs-featured-with-list--vertical-list .sub-background, .atbs-featured-with-list--vertical-list .sub-background .background-img { position: absolute; top: 0; right: 0; bottom: 0; left: auto; } .atbs-featured-with-list--vertical-list .main-post { position: relative; padding: 50px 30px; } @media (min-width: 992px) { .atbs-featured-with-list--vertical-list .main-post { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; position: static; min-height: 520px; padding: 80px 40px; } .atbs-featured-with-list--vertical-list .main-post::before { content: ""; position: absolute; top: 0; right: 52%; bottom: 0; left: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.7) 0, transparent 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.7)), to(transparent)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.7) 0, transparent 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.7) 0, transparent 100%); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0, transparent 100%); } } .atbs-featured-with-list--vertical-list .atbs-featured-with-list__heading { max-width: 1440px; margin: auto; } .atbs-featured-with-list--vertical-list .block-heading { margin: 40px 40px 0 40px; } .atbs-featured-with-list--vertical-list .main-post .block-heading { margin: 0 0 80px 0; } .atbs-featured-with-list--vertical-list .main-post .post__text { z-index: 1; max-width: 680px; } .atbs-featured-with-list--vertical-list .sub-posts { padding: 20px; background-color: #12162d; } @media (min-width: 768px) { .atbs-featured-with-list--vertical-list .sub-posts { padding: 30px; } } @media (min-width: 992px) { .atbs-featured-with-list--vertical-list .sub-posts { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; width: 40%; padding: 80px 40px; background: transparent; } } @media (min-width: 1200px) { .atbs-featured-with-list--vertical-list .sub-posts { width: 30%; } } @media (min-width: 992px) { .atbs-featured-with-list--vertical-list .sub-posts__inner { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .atbs-featured-with-list--vertical-list .sub-posts__inner::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.6) 0, transparent 100%); background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(0, 0, 0, 0.6)), to(transparent)); background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.6) 0, transparent 100%); background: -o-linear-gradient(right, rgba(0, 0, 0, 0.6) 0, transparent 100%); background: linear-gradient(-90deg, rgba(0, 0, 0, 0.6) 0, transparent 100%); } } .atbs-featured-with-list--vertical-list .posts-list { list-style: none; margin: -20px 0; padding: 0; } .atbs-featured-with-list--vertical-list .posts-list > li { position: relative; padding: 20px 0; border-bottom-color: rgba(255, 255, 255, 0.1); } .atbs-featured-with-list--vertical-list .posts-list article { position: relative; } .atbs-featured-with-list--vertical-list .posts-list article::before { content: none; position: absolute; top: -20px; right: -20px; bottom: -20px; left: -20px; background: #fff; opacity: 0; -webkit-transform: scale(0.5, 1); -moz-transform: scale(0.5, 1); -ms-transform: scale(0.5, 1); -o-transform: scale(0.5, 1); transform: scale(0.5, 1); -webkit-transform-origin: center right; -moz-transform-origin: center right; -ms-transform-origin: center right; -o-transform-origin: center right; transform-origin: center right; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } @media (min-width: 992px) { .atbs-featured-with-list--vertical-list .posts-list article::before { content: ""; } .atbs-featured-with-list--vertical-list .posts-list article:hover::before { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .atbs-featured-with-list--vertical-list .posts-list article:hover .post__text .post__title, .atbs-featured-with-list--vertical-list .posts-list article:hover .post__text .post__title a { color: rgba(0, 0, 0, 0.8); text-shadow: none; } .atbs-featured-with-list--vertical-list .posts-list article:hover .post__text .post__meta, .atbs-featured-with-list--vertical-list .posts-list article:hover .post__text .post__meta a { color: rgba(0, 0, 0, 0.4); text-shadow: none; } } .atbs-featured-with-list--horizontal-list .main-post { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; min-height: 360px; position: relative; } @media (min-width: 768px) { .atbs-featured-with-list--horizontal-list .main-post { position: static; } } @media (min-width: 992px) { .atbs-featured-with-list--horizontal-list .main-post { min-height: 480px; } .atbs-featured-with-list--horizontal-list .main-post::before { content: ""; position: absolute; top: 0; right: 0; bottom: 160px; left: 0; background-color: transparent; background-image: -webkit-linear-gradient( -450deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -webkit-gradient( linear, left top, left bottom, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent) ); background-image: -webkit-linear-gradient( top, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -moz-linear-gradient( top, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -o-linear-gradient( top, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: linear-gradient( 180deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); opacity: 0.85; } } .atbs-featured-with-list--horizontal-list .main-post__inner { width: 100%; margin: 0 auto; padding: 30px 15px; } @media (min-width: 768px) { .atbs-featured-with-list--horizontal-list .main-post__inner { padding: 60px 30px; } } @media (min-width: 992px) { .atbs-featured-with-list--horizontal-list .main-post__inner { padding: 60px 0; } } .atbs-featured-with-list--horizontal-list .main-post .block-heading { margin-bottom: 80px; } .atbs-featured-with-list--horizontal-list .sub-posts { padding: 20px; background-color: #12162d; } @media (min-width: 768px) { .atbs-featured-with-list--horizontal-list .sub-posts { padding: 50px 40px; background-color: transparent; } } @media (min-width: 992px) { .atbs-featured-with-list--horizontal-list .sub-posts__inner::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, transparent 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.7)), to(transparent)); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, transparent 100%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, transparent 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, transparent 100%); background-color: transparent; background-image: -webkit-linear-gradient( -270deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -webkit-gradient( linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent) ); background-image: -webkit-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -moz-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -o-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: linear-gradient( 0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); } } @media (min-width: 768px) { .atbs-featured-with-list--horizontal-list .posts-list { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -moz-box-align: end; box-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; -ms-flex-align: end; margin-left: -20px; margin-right: -20px; } } .atbs-featured-with-list--horizontal-list .posts-list li { position: relative; border-bottom-color: rgba(255, 255, 255, 0.1); } @media (min-width: 768px) { .atbs-featured-with-list--horizontal-list .posts-list li { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0; padding: 0; border-bottom: none; } .atbs-featured-with-list--horizontal-list .posts-list li:not(:first-child) { border-left: 1px solid rgba(255, 255, 255, 0.1); } } @media (min-width: 768px) { .atbs-featured-with-list--horizontal-list .posts-list article { padding: 0 20px; } .atbs-featured-with-list--horizontal-list .posts-list article::before { content: ""; position: absolute; top: -15px; right: 0; bottom: -15px; left: 0; background: #fff; opacity: 0; -webkit-transform: scale(1, 0.5); -moz-transform: scale(1, 0.5); -ms-transform: scale(1, 0.5); -o-transform: scale(1, 0.5); transform: scale(1, 0.5); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } .atbs-featured-with-list--horizontal-list .posts-list article:hover::before { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .atbs-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__title, .atbs-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__title a { color: rgba(0, 0, 0, 0.8); text-shadow: none; } .atbs-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__meta, .atbs-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__meta a { color: rgba(0, 0, 0, 0.4); text-shadow: none; } } @media (min-width: 768px) { .atbs-featured-with-list--horizontal-list .posts-list article .post__thumb { display: none; } } @media (min-width: 992px) { .atbs-featured-with-list--horizontal-list .posts-list article .post__thumb { display: block; } } /* ----------------------------------------------------------------- ## Horizontal List ----------------------------------------------------------------- */ .atbs-horizontal-list [class^="col-"]:not(:last-child) article { padding-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } @media (min-width: 768px) { .atbs-horizontal-list [class^="col-"]:not(:last-child) article { padding-right: 15px; padding-bottom: 0; border-right: 1px solid rgba(0, 0, 0, 0.05); border-bottom: none; } } .atbs-horizontal-list .index { font-size: 40px; font-size: 2.8571rem; font-weight: 700; color: rgba(0, 0, 0, 0.4); } .atbs-horizontal-list.has-background { background: #fafafa; } /* ----------------------------------------------------------------- ## Posts Listing A ----------------------------------------------------------------- */ .atbs-posts-listing-a__cat-wrap { position: relative; } .atbs-posts-listing-a__cat-inner { padding: 20px; } @media (min-width: 768px) { .atbs-posts-listing-a__cat-inner { padding: 30px; } } .atbs-posts-listing-a .cat-title { margin-top: 0; margin-bottom: 20px; font-weight: 700; text-transform: uppercase; } /* ----------------------------------------------------------------- ## News Ticker ----------------------------------------------------------------- */ .atbs-news-ticker__inner { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.05); padding: 0.5rem; } @media (min-width: 768px) { .atbs-news-ticker__inner { padding: 1rem; } } .atbs-news-ticker--fw .atbs-news-ticker__inner { padding-left: 0; padding-right: 0; border: none; } .atbs-news-ticker--fw { background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.05); } .atbs-news-ticker__heading { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 20px; font-size: 1.2rem; font-weight: 700; text-transform: uppercase; letter-spacing: -0.08em; } .atbs-news-ticker__content { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; overflow: hidden; } .atbs-news-ticker__content > ul { max-width: 100%; margin: 0; } .atbs-news-ticker__content > ul li { display: block; } .atbs-news-ticker__content:not(.initialized) > ul > li:not(:first-child) { display: none; } .atbs-news-ticker__content .post { padding: 5px 0; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .atbs-news-ticker__content .post__cat { display: inline; margin-right: 0.4em; } .atbs-news-ticker__content .post__title { display: inline; margin: 0; vertical-align: middle; } .atbs-news-ticker__control { margin-left: 10px; white-space: nowrap; } .atbs-news-ticker__next, .atbs-news-ticker__prev { width: 34px; height: 34px; padding: 0; border: none; line-height: 34px; text-align: center; } .atbs-news-ticker__next i, .atbs-news-ticker__prev i { font-size: 20px; } /* ----------------------------------------------------------------- ## Carousel Gallery Posts ----------------------------------------------------------------- */ .atbs-carousel-gallery-posts .atbs-carousel__inner { position: relative; } .atbs-carousel-gallery-posts__thumbs { position: relative; padding: 10px; background-color: #000; } .atbs-carousel-gallery-posts__thumbs::after { content: ""; height: 20px; position: absolute; top: -20px; right: 0; bottom: auto; left: 0; background-image: -webkit-linear-gradient(-270deg, black 0%, transparent 100%); background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(transparent)); background-image: -webkit-linear-gradient(bottom, black 0%, transparent 100%); background-image: -moz-linear-gradient(bottom, black 0%, transparent 100%); background-image: -o-linear-gradient(bottom, black 0%, transparent 100%); background-image: linear-gradient(0deg, black 0%, transparent 100%); } .atbs-carousel-gallery-posts__thumbs .slide-content { width: 70px; height: auto; margin: 0 5px; } @media (min-width: 768px) { .atbs-carousel-gallery-posts__thumbs .slide-content { width: 120px; } } /* ----------------------------------------------------------------- ## Video Box ----------------------------------------------------------------- */ .atbs-video-box__inner { background: #2b2d32; } @media (min-width: 992px) { .atbs-video-box__inner { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } .atbs-video-box__player { padding: 20px 20px 0; } @media (min-width: 992px) { .atbs-video-box__player { width: 70%; } } .atbs-video-box--fullwidth-bg .atbs-video-box__player { padding: 0 20px 0 0; } .atbs-video-box__player .atbs-responsive-video { cursor: pointer; -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); } .atbs-video-player__info { position: relative; padding: 20px; color: #fff; } .atbs-video-player__info a { color: #fff; } .atbs-video-player__info .post__meta { color: rgba(255, 255, 255, 0.6); } .atbs-video-player__play-icon { font-size: 80px; color: rgba(255, 255, 255, 0.8); } @media (min-width: 768px) { .atbs-video-player__play-icon { font-size: 120px; } } .atbs-video-box__playlist { height: 320px; position: relative; overflow: hidden; background: rgba(0, 0, 0, 0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2); } @media (min-width: 992px) { .atbs-video-box__playlist { height: auto; width: 30%; } } @media (min-width: 992px) { .atbs-video-box__playlist ul { position: absolute; top: 0; right: 0; bottom: auto; left: 0; } } .atbs-video-box__playlist li { cursor: pointer; padding: 10px 20px; } .atbs-video-box__playlist li:hover { background: rgba(0, 0, 0, 0.2); } .atbs-video-box__playlist li.is-playing { background: rgba(0, 0, 0, 0.5); } .atbs-video-box__playlist .post__thumb img { width: 100%; height: auto; } .atbs-video-box__playlist .is-playing .post__thumb::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); } .atbs-video-box__playlist .is-playing .post__thumb::after { content: "Now playing"; font-size: 12px; color: rgba(255, 255, 255, 0.9); text-transform: uppercase; } .atbs-video-box__playlist .post__meta { margin-top: 0; } /*---- Videos box overlap ----*/ @media (min-width: 992px) { .atbs-video-box--overlap { padding-top: 30px; } } .atbs-video-box--overlap .atbs-video-player__info { padding: 20px; } .atbs-video-box--overlap .atbs-video-box__inner { background: #2b2d32; } @media (min-width: 992px) { .atbs-video-box--overlap .atbs-video-box__player { margin-top: -30px; padding-top: 0; padding-left: 30px; padding-right: 30px; } } .atbs-video-box--overlap .atbs-responsive-video { -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); } .atbs-video-box--overlap .atbs-video-box__playlist { background: rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2); } @media (min-width: 992px) { .atbs-video-box--overlap .atbs-video-box__playlist { -webkit-box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2), inset 13px 0 10px -6px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2), inset 13px 0 10px -6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2), inset 13px 0 10px -6px rgba(0, 0, 0, 0.3); } } /* ============================================================================= ## PAGES ============================================================================= */ /* ----------------------------------------------------------------- ## 404 ----------------------------------------------------------------- */ .page-404-logo { margin-bottom: 60px; } .page-404-image { margin-bottom: 30px; } .page-404-search { max-width: 400px; margin: auto; } /* ----------------------------------------------------------------- ## Archives ----------------------------------------------------------------- */ .page-heading { position: relative; } .atbs-block .page-heading { margin-bottom: 30px; } .page-heading__title { margin: 0; font-size: 1.4rem; font-weight: 700; text-transform: uppercase; } @media (min-width: 768px) { .page-heading__title { font-size: 1.8rem; } } .page-heading__subtitle { margin-top: 0.6em; color: rgba(0, 0, 0, 0.4); font-size: 1rem; } .page-heading--inverse .page-heading__title { position: relative; color: #fff; } .page-heading--inverse .page-heading__subtitle { position: relative; color: rgba(255, 255, 255, 0.8); } .page-heading--center { text-align: center; } .page-heading--center .page-heading__title, .page-heading--center .page-heading__subtitle { margin-left: auto; margin-right: auto; } .page-heading--has-background { padding-top: 30px; padding-bottom: 30px; background-color: #f8f8f8; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } @media (min-width: 768px) { .page-heading--has-background { padding-top: 40px; padding-bottom: 40px; } } /* ----------------------------------------------------------------- ## Coming Soon ----------------------------------------------------------------- */ .page-coming-soon .site-wrapper { position: relative; } .page-coming-soon .page-content { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; min-height: 100vh; position: relative; padding: 50px 0; } .page-coming-soon .site-logo { margin-bottom: 60px; text-align: center; } .page-coming-soon .social-list { font-size: 24px; } .page-coming-soon .atbs-countdown { margin: 60px auto; text-align: center; } .page-coming-soon .countdown__section { display: inline-block; min-width: 60px; margin: 0 10px; text-align: center; } @media (min-width: 768px) { .page-coming-soon .countdown__section { min-width: 80px; margin: 0 20px; } } @media (min-width: 992px) { .page-coming-soon .countdown__section { min-width: 100px; margin: 0 30px; } } /* ----------------------------------------------------------------- ## Single ----------------------------------------------------------------- */ .single-entry-section { margin-top: 40px; } .single-header-wrap { margin-bottom: 20px; } @media (min-width: 992px) { .single-header-wrap { margin-bottom: 30px; } } .single-header { margin: 20px 0; } .single-header:first-child { margin-top: 0; margin-bottom: 40px; } .single-header__content { position: relative; } .single-header .entry-title { max-width: 970px; font-size: 2.027rem; font-weight: 700; line-height: 1.3; } @media (min-width: 768px) { .single-header .entry-title { font-size: 2.986rem; line-height: 1.2; } } @media (min-width: 992px) { .single-header .entry-title { font-size: 3.052rem; line-height: 1.2; } } @media (min-width: 992px) { .single-header .entry-title--lg { font-size: 3.815rem; line-height: 1.1; } } .single-header--center .entry-title { margin-left: auto; margin-right: auto; } .single-header > *:first-child, .single-header .post__header-inner > *:first-child, .single-content > *:first-child, .single-content .entry-content > *:first-child { margin-top: 0; } .single-header > *:last-child, .single-header .post__header-inner > *:last-child { margin-bottom: 0; } .single-header .post__header-inner { max-width: 940px; } .entry-teaser { margin: 1em 0; font-size: 18px; font-size: 1.28571rem; font-style: italic; line-height: 1.5; color: rgba(0, 0, 0, 0.4); } @media (min-width: 768px) { .entry-teaser { font-size: 20px; font-size: 1.42857rem; line-height: 1.4; } } .inverse-text .entry-teaser { color: rgba(255, 255, 255, 0.8); } @media (min-width: 768px) { .entry-teaser--lg { font-size: 18px; font-size: 1.2857rem; } } .single-header .entry-teaser { max-width: 40em; } .single-header--center .entry-teaser { margin-left: auto; margin-right: auto; } .single-header--center { text-align: center; } .entry-interaction { margin: 15px 0; } .entry-interaction:first-child { margin-top: 0; } .entry-interaction:last-child { margin-bottom: 0; } .entry-interaction--border-top { padding-top: 10px; border-top: 1px solid rgba(0, 0, 0, 0.05); } .entry-interaction--horizontal { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } .entry-interaction--horizontal > div { margin-top: 5px; margin-bottom: 5px; } .entry-interaction__left:not(:last-child) { margin-right: 15px; } .single-entry-thumb, .single-entry-featured-media { margin-bottom: 15px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .single-entry-thumb, .single-entry-featured-media { margin-left: -15px; margin-right: -15px; } } .single-entry-thumb:last-child, .single-entry-featured-media:last-child { margin-bottom: 0; } .single-entry-featured-media-wrap { margin-bottom: 20px; } @media (min-width: 992px) { .single-entry-featured-media-wrap { margin-bottom: 30px; } } .single-content::after, .entry-content::after { clear: both; content: ""; display: table; } /* * Post sharing *--------------------*/ .post-sharing > ul { display: inline-block; margin: -4px -2px; padding: 0; line-height: 0; list-style: none; vertical-align: middle; } .post-sharing > ul > li { display: inline-block; margin: 4px 2px; line-height: 0; } .post-sharing--simple .sharing-btn { display: inline-block; height: 30px; width: 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #fff; text-decoration: none; text-align: center; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { .post-sharing--simple .sharing-btn { height: 34px; width: 34px; } } .post-sharing--simple .sharing-btn i { font-size: 12px; font-size: 0.8571rem; } @media (min-width: 768px) { .post-sharing--simple .sharing-btn i { font-size: 14px; font-size: 1rem; } } .post-sharing--simple .sharing-btn > * { line-height: 30px; } @media (min-width: 768px) { .post-sharing--simple .sharing-btn > * { line-height: 34px; } } @media (min-width: 768px) { .post-sharing--simple .sharing-btn-primary { width: auto; padding: 0 15px; } } .post-sharing--simple .sharing-btn-primary .sharing-btn__text { display: none; } @media (min-width: 768px) { .post-sharing--simple .sharing-btn-primary .sharing-btn__text { display: inline-block; margin-left: 0.4em; } } .entry-action-btn { color: inherit; text-decoration: none; display: inline-block; height: 30px; min-width: 60px; padding: 0 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: var(--color-primary); color: #fff !important; font-size: 12px; text-align: center; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); } .entry-action-btn:hover, .entry-action-btn:active, .entry-action-btn:focus { color: inherit; text-decoration: none; } @media (min-width: 768px) { .entry-action-btn { height: 34px; min-width: 80px; padding: 0 14px; font-size: 14px; } } .entry-action-btn:not(:first-child) { margin-left: 5px; } .entry-action-btn i { margin-right: 0.4em; font-size: 1.2em; } .entry-action-btn span { vertical-align: middle; } .entry-action-btn > * { line-height: 30px; } @media (min-width: 768px) { .entry-action-btn > * { line-height: 34px; } } /*---- Single center ----*/ .post--single-center .single-header, .post--single-center .post__header-inner, .post--single-center .entry-teaser { margin-left: auto; margin-right: auto; text-align: center; } /*---- Single thumb top ----*/ @media (max-width: 767px) { .single-entry--template-2 .post--single.has-post-thumbnail .single-entry-thumb { margin-top: -20px; } } .single-entry--template-2-alt .single-billboard .background-img::after { background-color: transparent; background-image: -webkit-linear-gradient( -270deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -webkit-gradient( linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent) ); background-image: -webkit-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -moz-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -o-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: linear-gradient( 0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); opacity: 1; } /*---- Single billboard ----*/ .single-billboard { min-height: 480px; position: relative; margin-bottom: 20px; overflow: hidden; } @media (min-width: 768px) { .single-billboard { min-height: 580px; } } @media (min-width: 992px) { .single-billboard { min-height: 680px; margin-bottom: 30px; } } .single-billboard--sm { min-height: 280px; } @media (min-width: 768px) { .single-billboard--sm { min-height: 380px; } } @media (min-width: 992px) { .single-billboard--sm { min-height: 480px; } } .single-billboard .single-billboard__inner { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -moz-box-align: end; box-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; -ms-flex-align: end; min-height: 480px; } @media (min-width: 768px) { .single-billboard .single-billboard__inner { min-height: 580px; } } @media (min-width: 992px) { .single-billboard .single-billboard__inner { min-height: 680px; } } .single-billboard .single-header { width: 100%; margin: 0; padding: 20px 0; } @media (min-width: 768px) { .single-billboard .single-header { padding: 30px 0; } } .single-entry--billboard-floorfade.single-entry--no-sidebar .single-billboard { margin-bottom: 10px; } .single-entry--billboard-floorfade .single-billboard .single-header { position: relative; } .single-entry--billboard-floorfade .single-billboard .single-header::before { content: ""; position: absolute; top: -100%; right: 0; bottom: 0; left: 0; background-image: -webkit-linear-gradient( -270deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -webkit-gradient( linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent) ); background-image: -webkit-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -moz-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: -o-linear-gradient( bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); background-image: linear-gradient( 0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100% ); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /*---- Single overlap thumb ----*/ .single-entry--template-4 .single-header-with-bg, .single-entry--template-4-alt .single-header-with-bg { margin-bottom: 20px; padding-top: 20px; background-color: #12162d; background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E"); } @media (min-width: 768px) { .single-entry--template-4 .single-header-with-bg, .single-entry--template-4-alt .single-header-with-bg { padding-top: 40px; } } @media (min-width: 992px) { .single-entry--template-4 .single-header-with-bg, .single-entry--template-4-alt .single-header-with-bg { margin-bottom: 30px; } } .single-entry--template-4-alt .single-header-with-bg { -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset; background-color: #fafafa; background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23000000' fill-opacity='0.025' fill-rule='evenodd'/%3E%3C/svg%3E"); } .single-entry--template-4 .single-header, .single-entry--template-4-alt .single-header { position: relative; margin-bottom: 70px; } @media (min-width: 992px) { .single-entry--template-4 .single-header, .single-entry--template-4-alt .single-header { margin-bottom: 90px; } } .single-entry--template-4.has-no-thumb .single-header, .single-entry--template-4-alt.has-no-thumb .single-header { margin-bottom: 20px; } @media (min-width: 768px) { .single-entry--template-4.has-no-thumb .single-header, .single-entry--template-4-alt.has-no-thumb .single-header { margin-bottom: 40px; } } .single-entry--template-4 .single-entry-thumb, .single-entry--template-4 .single-entry-featured-media, .single-entry--template-4-alt .single-entry-thumb, .single-entry--template-4-alt .single-entry-featured-media { position: relative; margin-top: -70px; margin-left: 0; margin-right: 0; } @media (min-width: 992px) { .single-entry--template-4 .single-entry-thumb, .single-entry--template-4 .single-entry-featured-media, .single-entry--template-4-alt .single-entry-thumb, .single-entry--template-4-alt .single-entry-featured-media { margin-top: -90px; } } .single-entry--template-4.single-entry--no-sidebar .single-entry-thumb, .single-entry--template-4.single-entry--no-sidebar .single-entry-featured-media, .single-entry--template-4-alt.single-entry--no-sidebar .single-entry-thumb, .single-entry--template-4-alt.single-entry--no-sidebar .single-entry-featured-media { margin-bottom: 15px; } /*---- Single cover blur ----*/ .single-entry--billboard-blur.single-entry--no-sidebar .single-billboard { margin-bottom: 10px; } .single-entry--billboard-blur .single-header { padding-bottom: 0; } .single-entry--billboard-blur .single-header__inner { position: relative; padding: 20px; background: rgba(0, 0, 0, 0.5); overflow: hidden; } @media (min-width: 768px) { .single-entry--billboard-blur .single-header__inner { padding: 30px 40px; } } .single-entry--billboard-blur .single-billboard .background-img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); /* fix chrome blur edge */; } /*---- Single billboard overlap thumb ----*/ .single-entry--billboard-overlap-title-aside .single-billboard { background-color: #12162d; background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E"); } .single-entry--billboard-overlap-title-aside.single-entry--no-sidebar .single-billboard { margin-bottom: 10px; } .single-entry--billboard-overlap-title-aside .single-billboard__inner { -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; min-height: 300px; } @media (min-width: 768px) { .single-entry--billboard-overlap-title-aside .single-billboard__inner { min-height: 420px; } } @media (min-width: 992px) { .single-entry--billboard-overlap-title-aside .single-billboard__inner { min-height: 520px; } } @media (min-width: 768px) { .single-entry--billboard-overlap-title-aside .single-billboard .background-img { left: 40%; } } @media (min-width: 768px) { .single-entry--billboard-overlap-title-aside .single-header__inner { max-width: 70%; } } @media (min-width: 992px) { .single-entry--billboard-overlap-title-aside .single-header__inner { max-width: 50%; } } .single-entry--billboard-overlap-title-aside .single-header .entry-title, .single-entry--billboard-overlap-title-aside .single-header .entry-teaser { text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } @media (min-width: 768px) { .single-entry--billboard-overlap-title-aside .single-header .entry-teaser, .single-entry--billboard-overlap-title-aside .single-header .entry-meta { max-width: 70%; } } /*---- Single cover gradient ----*/ .post--single-cover-gradient .single-header { background-image: -webkit-linear-gradient(bottom, var(--color-primary) 0%, rgba(252, 60, 45, 0.7) 50%, rgba(252, 60, 45, 0) 100%); background-image: -webkit-gradient(linear, left bottom, left top, from(var(--color-primary)), color-stop(50%, rgba(252, 60, 45, 0.7)), to(rgba(252, 60, 45, 0))); background-image: -moz-linear-gradient(bottom, var(--color-primary) 0%, rgba(252, 60, 45, 0.7) 50%, rgba(252, 60, 45, 0) 100%); background-image: -o-linear-gradient(bottom, var(--color-primary) 0%, rgba(252, 60, 45, 0.7) 50%, rgba(252, 60, 45, 0) 100%); background-image: linear-gradient(to top, var(--color-primary) 0%, rgba(252, 60, 45, 0.7) 50%, rgba(252, 60, 45, 0) 100%); } /*---- Single cover small ----*/ .post--single-cover-small .post--single__cover--small { margin-left: -15px; margin-right: -15px; margin-bottom: 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); } @media (min-width: 768px) { .post--single-cover-small .post--single__cover--small { margin-left: 0; margin-right: 0; } } .post--single-cover-small .post__header-inner { padding: 30px; } @media (min-width: 1200px) { .post--single-cover-small .post__header-inner { padding: 30px 40px; } } /*---- Single overlap title ----*/ .single-entry--billboard-overlap-title .single-billboard { height: 320px; } @media (min-width: 992px) { .single-entry--billboard-overlap-title .single-billboard { height: 420px; } } .single-entry--billboard-overlap-title .single-header { position: relative; background: #fff; } .single-entry--billboard-overlap-title .single-header::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 120px; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } @media (min-width: 768px) { .single-entry--billboard-overlap-title .single-header::before { height: 150px; } } .single-entry--billboard-overlap-title .single-header--has-background { margin-bottom: 10px; } .single-entry--billboard-overlap-title .has-post-thumbnail .single-header { margin-top: -80px; } @media (min-width: 768px) { .single-entry--billboard-overlap-title .has-post-thumbnail .single-header { margin-top: -110px; } } .single-entry--billboard-overlap-title .single-header__inner { position: relative; padding: 20px 20px 0; background: #fff; } @media (min-width: 768px) { .single-entry--billboard-overlap-title .single-header__inner { padding: 20px 40px 0; } } .single-entry--billboard-overlap-title .single-header--has-background .single-header__inner { padding-bottom: 20px; } .single-entry--billboard-overlap-title .single-header--fullwidth { margin-bottom: 40px; } .single-entry--billboard-overlap-title .single-header--svg-bg { background-color: #12162d; background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E"); } .single-entry--billboard-overlap-title .single-header--svg-bg::before { content: none; } .single-entry--billboard-overlap-title .single-header--svg-bg .single-header__inner { background: transparent; } /*---- Single video ----*/ .single-billboard--video { min-height: auto; padding: 20px 0; background-color: #111; } @media (min-width: 768px) { .single-billboard--video { padding: 40px 0; } } .single-billboard--video .single-billboard__background { opacity: 0.4; } /*---- Post single body ----*/ .post--single .single-body { margin: 2em auto; color: rgba(0, 0, 0, 0.7); font-size: 16px; font-size: 1.14286rem; line-height: 1.6; } @media (min-width: 768px) { .post--single .single-body { font-size: 17px; font-size: 1.21429rem; } } @media (min-width: 1200px) { .post--single .single-body { padding-left: 60px; padding-right: 60px; } } .single-content > .single-body:first-child { margin-top: 0; } .single-body p { margin-bottom: 1.6em; } .single-body .atbs-gallery-wrap { margin-top: 2em; margin-bottom: 2em; } .single-body .atbs-post-media-wide { margin-left: -15px; margin-right: -15px; } @media (min-width: 768px) { .single-body .atbs-post-media-wide { margin-left: 0; margin-right: 0; } } @media (min-width: 1200px) { .single-body .atbs-post-media-wide { margin-left: -60px; margin-right: -60px; } } .single-body .atbs-post-media-wide .wp-caption-text { padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .single-body .atbs-post-media-wide .wp-caption-text { padding-left: 0; padding-right: 0; } } @media (min-width: 992px) { .single-body--wide { padding-left: 80px; padding-right: 80px; } } @media (min-width: 992px) { .single-body--wide .atbs-post-media-wide { margin-left: -80px; margin-right: -80px; } } @media (min-width: 1200px) { .single-body .atbs-pagination { margin-left: -60px; margin-right: -60px; } } @media (min-width: 992px) { .single-body--wide .atbs-pagination { margin-left: -80px; margin-right: -80px; } } /*---- WordPress core ----*/ /* Alignment */ .alignleft { float: left; margin: 0.8em 1.6em 1.6em 0; } .alignright { float: right; margin: 0.8em 0 1.6em 1.6em; } .aligncenter { clear: both; display: block; margin: 0.8em auto; text-align: center; } /* Caption */ .wp-caption { margin-bottom: 1.6em; text-align: inherit; } .wp-caption .wp-caption-text, .wp-caption-dd { padding-top: 0.8em; padding-bottom: 0.8em; border-bottom: 1px solid rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.4); font-size: 11px; font-size: 0.8em; } .wp-caption.alignleft { margin: 0.8em 1.6em 1.6em 0; text-align: left; } .wp-caption.alignright { margin: 0.8em 0 1.6em 1.6em; text-align: right; } .wp-caption.aligncenter { margin: 0.8em auto; text-align: center; } /* Galleries */ [class*="gallery-columns-"] { margin: 0 -1.79104477%; } .gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery .gallery-caption { color: rgba(0, 0, 0, 0.44); display: block; font-size: 13px; line-height: 1.5; padding: 7px 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 10px 20px rgb(0, 0, 0, .3), 0 6px 6px rgb(0, 0, 0, .5); -moz-box-shadow: 0 10px 20px rgb(0, 0, 0, .3), 0 6px 6px rgb(0, 0, 0, .5); box-shadow: 0 10px 20px rgb(0, 0, 0, .3), 0 6px 6px rgb(0, 0, 0, .5); border: 1px solid rgba(0, 0, 0, 0.1); outline: 0; clip: auto !important; -webkit-clip-path: none; clip-path: none; color: var(--color-primary, #fd5e2f); display: block; font-size: 14px; font-weight: 600; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #site-content[tabindex="-1"]:focus { outline: 0; } /*---- Single footer ----*/ .entry-info { margin: 15px 0; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .entry-info::after { clear: both; content: ""; display: table; } .entry-tags__icon, .entry-categories__icon { margin-right: 0.2em; color: rgba(0, 0, 0, 0.4); font-size: 18px; } .entry-tags ul, .entry-categories ul { display: inline-block; margin: -4px; padding: 0; vertical-align: middle; list-style: none; } .entry-tags ul > li, .entry-categories ul > li { display: inline-block; margin: 4px; line-height: 1; } .entry-tags ul > li > a { text-decoration: none; color: rgba(0, 0, 0, 0.6); font-size: 12px; font-size: 0.8571rem; } .entry-tags ul > li > a:hover { color: rgba(0, 0, 0, 0.8); } .entry-tags ul > li:not(.entry-tags__icon) > a::before { content: "#"; } /*---- Review box ----*/ .atbs-review { padding-top: 25px; margin-bottom: 30px; font-size: 16px; font-size: 1.1429rem; } @media (min-width: 1200px) { .single-body .atbs-review:not(.atbs-review--aside) { margin-left: -60px; margin-right: -60px; } } @media (min-width: 1200px) { .single-body--wide .atbs-review:not(.atbs-review--aside) { margin-left: -80px; margin-right: -80px; } } .atbs-review__inner { padding: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fafafa; } @media (min-width: 768px) { .atbs-review__inner { padding: 30px; } } .atbs-review__inner > *:not(:last-child) { margin-bottom: 20px; } @media (min-width: 768px) { .atbs-review__top { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -moz-box-align: start; box-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } } .atbs-review__product { width: 100%; margin-right: 15px; margin-bottom: 15px; } .atbs-review__product-image { width: 60px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); } @media (min-width: 768px) { .atbs-review__product-image { width: 70px; } } .atbs-review .atbs-review__product-name { margin-top: 0; margin-bottom: 0; } .atbs-review__product-byline { color: rgba(0, 0, 0, 0.4); } .atbs-review__overall-score { text-align: center; } @media (min-width: 768px) { .atbs-review__overall-score { margin-top: -40px; } } @media (min-width: 1200px) { .atbs-review__overall-score { margin-top: -50px; } } .atbs-review__summary p:last-child { margin-bottom: 0; } .atbs-review .atbs-review__list-title { margin-top: 0; margin-bottom: 10px; font-size: 1.1em; font-weight: 700; text-transform: uppercase; } .atbs-review__pros ul, .atbs-review__cons ul { margin: 0; padding: 0; list-style: none; } .atbs-review__pros ul i, .atbs-review__cons ul i { margin-right: 0.4em; } .atbs-review__pros ul i { color: #59d66f; } .atbs-review__cons ul i { color: #fa3f40; } /* Review box aside */ .atbs-review--aside { width: 100%; padding-top: 30px; } @media (min-width: 768px) { .atbs-review--aside { width: 300px; } } .atbs-review--aside .atbs-review__inner { padding: 20px; font-size: 0.9em; } .atbs-review--aside .atbs-review__overall-score { margin-top: -45px; } .atbs-review--aside .atbs-review__product-image { width: 50px; } /*---- Author box ----*/ .author-box { position: relative; padding: 30px; background: #fafafa; border: 1px solid rgba(0, 0, 0, 0.05); } .author-box .author-avatar { height: 100px; width: 100px; margin: -50px auto 20px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 4px solid #fff; -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04); } @media (min-width: 768px) { .author-box .author-avatar { margin: 0; position: absolute; top: 50%; right: auto; bottom: auto; left: -15px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } } .author-box .author-avatar img { height: 100%; width: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .author-box__text { text-align: center; } @media (min-width: 768px) { .author-box__text { padding-left: 80px; text-align: left; } } .author-box .author-name span { color: rgba(0, 0, 0, 0.4); } .author-box .author-name a { color: rgba(0, 0, 0, 0.8); color: var(--color-primary); font-size: 110%; font-weight: 700; text-transform: uppercase; } .author-box .author-bio { margin: 15px 0; color: rgba(0, 0, 0, 0.6); font-size: 16px; } .author-box .author-info { color: rgba(0, 0, 0, 0.6); text-align: center; } @media (min-width: 768px) { .author-box .author-info { text-align: left; } } .author-box .author-info a, .author-box .author-bio a { color: rgba(0, 0, 0, 0.6); } .author-box .author-info a:hover, .author-box .author-info a:focus, .author-box .author-info a:active, .author-box .author-bio a:hover, .author-box .author-bio a:focus, .author-box .author-bio a:active { color: rgba(0, 0, 0, 0.8); } .author-box .author-socials ul { margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0; } .author-box .author-socials a { display: inline-block; font-size: 1.4rem; white-space: nowrap; text-decoration: none; } @media (min-width: 768px) { .author-box .author-all-posts { text-align: right; } } .author-box .author-all-posts__link { border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-decoration: none; } /*---- Posts navigation ----*/ .posts-navigation { padding-bottom: 20px; } .posts-navigation .post--overlay .post__text { min-height: 200px; } .posts-navigation .post--overlay .post__text-wrap { padding-bottom: 15px; } .posts-navigation__prev, .posts-navigation__next { position: relative; } @media (min-width: 768px) { .posts-navigation__prev, .posts-navigation__next { width: 50%; float: left; } } @media (min-width: 768px) { .posts-navigation__prev { padding-right: 10px; } } .posts-navigation__prev:not(:only-child) { margin-bottom: 35px; } @media (min-width: 768px) { .posts-navigation__prev:not(:only-child) { margin-bottom: 0; } } .posts-navigation__prev i { margin-right: 0.4em; } .posts-navigation__next { text-align: right; } @media (min-width: 768px) { .posts-navigation__next { padding-left: 10px; } } .posts-navigation__next i { margin-left: 0.4em; } .posts-navigation__label { display: block; position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 10px 35px; color: inherit; text-decoration: none; font-size: 12px; color: #fff; text-transform: uppercase; overflow: hidden; -webkit-transform: translate(0, 50%); -moz-transform: translate(0, 50%); -ms-transform: translate(0, 50%); -o-transform: translate(0, 50%); transform: translate(0, 50%); } .posts-navigation__label:hover, .posts-navigation__label:active, .posts-navigation__label:focus { color: inherit; text-decoration: none; } .posts-navigation__label::before { content: ""; position: absolute; top: 0; right: 20px; bottom: 0; left: 20px; background: var(--color-primary); -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } .posts-navigation > div:hover .posts-navigation__label::before { left: 0; right: 0; } @media (min-width: 768px) { .posts-navigation__prev .posts-navigation__label { right: 10px; } } @media (min-width: 768px) { .posts-navigation__next .posts-navigation__label { left: 10px; } } .posts-navigation__label span { position: relative; } /*---- Comments section ----*/ .comments-title { margin: 0 0 2em 0; padding-top: 20px; border-top: 2px solid rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.8); font-size: 1.1rem; line-height: 1.2; letter-spacing: 0.08em; font-weight: 700; text-transform: uppercase; } @media (min-width: 768px) { .comments-title { font-size: 1.3rem; } } .comments-title::before { content: "\e0ca"; margin-right: 0.4em; font-family: "mdicon"; font-weight: 400; color: rgba(0, 0, 0, 0.4); font-size: 1.2em; vertical-align: middle; } .comments-title__text { margin: 0; font-weight: 700; text-transform: uppercase; } .comments-title .add-comment { padding-left: 0.6em; color: rgba(0, 0, 0, 0.8); font-size: 90%; text-transform: uppercase; } .comment-list { margin-bottom: 30px; list-style: none; } .comment-list > li:not(:first-child) { padding-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.05); } .comment-list ol.children { position: relative; padding: 0 0 0 30px; list-style: none; } @media (min-width: 768px) { .comment-list ol.children { padding-left: 65px; } } .comment-list ol.children ol.children { padding-left: 0; } @media (min-width: 768px) { .comment-list ol.children ol.children { padding-left: 50px; } } .comment-list ol.children > li { padding-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.05); } .comment-body { margin-left: 65px; margin-bottom: 20px; } .comment-meta { margin-bottom: 5px; } .comment-meta > *:not(:last-child) { margin-right: 4px; } .comment-author { position: relative; font-size: 1.1429rem; font-weight: 700; } @media (min-width: 768px) { .comment-author { display: inline-block; } } .comment-author > img { height: 50px; width: 50px; position: absolute; top: 0; left: -65px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bypostauthor > .comment-body .comment-author > img { border: 2px solid var(--color-primary); } .comment-author a { color: inherit; text-decoration: none; } .comment-author a:hover, .comment-author a:active, .comment-author a:focus { color: inherit; text-decoration: none; } .comment-author .says { display: none; } .children .comment-author > img { height: 36px; width: 36px; left: -51px; } .children .comment-body { margin-left: 51px; } .comment-metadata { font-size: 12px; font-size: 0.85714rem; color: rgba(0, 0, 0, 0.4); } @media (min-width: 768px) { .comment-metadata { display: inline-block; } .comment-metadata::before { content: "\b7"; margin-right: 4px; font-weight: 400; } } .comment-metadata > *:not(:last-child) { margin-right: 4px; } .comment-metadata a { color: rgba(0, 0, 0, 0.4); text-decoration: none; } .comment-metadata .edit-link { text-transform: uppercase; } .comment-metadata .comment-edit-link { color: rgba(0, 0, 0, 0.8); font-weight: 700; } .comment-metadata .comment-edit-link::before { content: "\e254"; margin-right: 0.2em; font-family: "mdicon"; font-weight: 400; color: rgba(0, 0, 0, 0.4); font-size: 1.1em; } .comment-content { margin-bottom: 10px; font-size: 16px; font-size: 1.14286rem; line-height: 1.6; } .comment-content > *:last-child { margin-bottom: 0; } .comment-reply-link { color: inherit; text-decoration: none; color: rgba(0, 0, 0, 0.8); font-size: 12px; line-height: 16px; font-weight: 700; text-transform: uppercase; } .comment-reply-link:hover, .comment-reply-link:active, .comment-reply-link:focus { color: inherit; text-decoration: none; } .comment-reply-link:hover { color: rgba(0, 0, 0, 0.8); } .comment-reply-link::before { content: "\e15e"; margin-right: 0.2em; font-family: "mdicon"; font-weight: 400; color: rgba(0, 0, 0, 0.4); font-size: 1.1em; } .comment-respond { margin: 20px 0; } .comment-respond .comment-form-comment { margin-bottom: 0; } .comment-list .comment-respond { margin-bottom: 40px; margin-top: 30px; } @media (min-width: 768px) { .comment-respond { margin: 40px 0 20px; } } @media (min-width: 768px) { .comment-list .comment-respond { padding: 0 0 0 65px; } } @media (min-width: 768px) { .comment-list .children .comment-respond { padding-left: 51px; } } .comment-reply-title { margin-top: 0; margin-bottom: 1em; color: rgba(0, 0, 0, 0.8); font-size: 1rem; font-weight: 700; text-transform: uppercase; } @media (min-width: 768px) { .comment-reply-title { font-size: 1.142857142857143rem; } } .comment-reply-title small { font-size: 80%; } #cancel-comment-reply-link { color: inherit; text-decoration: none; display: inline-block; margin-left: 0.4em; border-bottom: 1px solid rgba(0, 0, 0, 0.05); line-height: 1.2; } #cancel-comment-reply-link:hover, #cancel-comment-reply-link:active, #cancel-comment-reply-link:focus { color: inherit; text-decoration: none; } .comment-form .logged-in-as a { color: inherit; text-decoration: none; } .comment-form .logged-in-as a:hover, .comment-form .logged-in-as a:active, .comment-form .logged-in-as a:focus { color: inherit; text-decoration: none; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form input[type="password"], .comment-form input[type="search"], .comment-form input[type="tel"], .comment-form input[type="number"], .comment-form textarea { display: block; } .comment-form-comment textarea { max-width: 790px; font-size: 16px; font-size: 1.14286rem; line-height: 1.6; } .comment-form-author, .comment-form-email, .comment-form-url { max-width: 320px; } .comment-form-url { margin-right: 0; } .comment-form .form-submit { clear: both; padding-top: 10px; } .comment-form .form-submit input[type="submit"] { background: var(--color-primary); color: #fff; } .comment-form .form-submit input[type="submit"]:active, .comment-form .form-submit input[type="submit"]:focus, .comment-form .form-submit input[type="submit"]:hover { background: #ef392b; color: #fff; } /* ============================================================================= ## THEMES ============================================================================= */ /* ----------------------------------------------------------------- ## Skin ----------------------------------------------------------------- */ /*---- Header skin 1 ----*/ .site-header--skin-1 .navigation-bar { background: #e90606; } .site-header--skin-1 .navigation--main > li > a::before { background: #fff !important; } /*---- Header skin 2 ----*/ .site-header--skin-2 .navigation-bar, .site-header--skin-2 .mobile-header { background: #ee0979; background: -webkit-linear-gradient(-495deg, #ee0979 0, #ff6a00 100%); background: -webkit-linear-gradient(225deg, #ee0979 0, #ff6a00 100%); background: -moz-linear-gradient(225deg, #ee0979 0, #ff6a00 100%); background: -o-linear-gradient(225deg, #ee0979 0, #ff6a00 100%); background: linear-gradient(225deg, #ee0979 0, #ff6a00 100%); } .site-header--skin-2 .navigation-wrapper { text-align: right; } /*---- Header skin 3 ----*/ .site-header--skin-3:not(.sticky-header) .navigation-bar { -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1); box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1); } /*---- Header skin 4 ----*/ .site-header--skin-4, .site-header--skin-4 .mobile-header { background: #2c3979; } .site-header--skin-4 .header-main { background: transparent; } .site-header--skin-4 .navigation-bar__inner { background: rgba(0, 0, 0, 0.1) !important; } .site-header--skin-4.sticky-header .navigation-bar { background: #2c3979; } .site-header--skin-4 .navigation--main > li > a::before { background: var(--color-primary) !important; } /*---- Header skin 5 ----*/ .site-header--skin-5 .navigation-bar, .site-header--skin-5 .mobile-header { background-color: #fafafa; } .site-header--skin-5:not(.sticky-header) .navigation-bar { -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05); } .site-header--side-logo .header-logo:not(.header-logo--mobile), .list-square-bullet > li > *::before, .list-square-bullet-exclude-first > li:not(:first-child) > *::before, .atbs-carousel-dots-b .swiper-pagination-bullet-active { background: var(--color-primary); } .bg-color-light-gray { background-color: #fafafa; } .bg-gradient-1 { background: #2af598; background: -webkit-linear-gradient(to left, #2af598, #009efd); background: -webkit-gradient(linear, right top, left top, from(#2af598), to(#009efd)); background: -webkit-linear-gradient(right, #2af598, #009efd); background: -moz-linear-gradient(right, #2af598, #009efd); background: -o-linear-gradient(right, #2af598, #009efd); background: linear-gradient(to left, #2af598, #009efd); } .bg-gradient-1-vertical { background: #2af598; background: -webkit-linear-gradient(to top, #2af598, #009efd); background: -webkit-gradient(linear, left bottom, left top, from(#2af598), to(#009efd)); background: -webkit-linear-gradient(bottom, #2af598, #009efd); background: -moz-linear-gradient(bottom, #2af598, #009efd); background: -o-linear-gradient(bottom, #2af598, #009efd); background: linear-gradient(to top, #2af598, #009efd); } .bg-gradient-2 { background: #12162d; background: -webkit-linear-gradient(top, #19aad1 0, #12162d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #19aad1), to(#12162d)); background: -moz-linear-gradient(top, #19aad1 0, #12162d 100%); background: -o-linear-gradient(top, #19aad1 0, #12162d 100%); background: linear-gradient(180deg, #19aad1 0, #12162d 100%); } .bg-gradient-3 { background: #34e89e; /* fallback for old browsers */ background: -webkit-linear-gradient(to left, #34e89e, #0f3443); /* Chrome 10-25, Safari 5.1-6 */ background: -webkit-gradient(linear, right top, left top, from(#34e89e), to(#0f3443)); background: -webkit-linear-gradient(right, #34e89e, #0f3443); background: -moz-linear-gradient(right, #34e89e, #0f3443); background: -o-linear-gradient(right, #34e89e, #0f3443); background: linear-gradient(to left, #34e89e, #0f3443); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .bg-gradient-4 { background: #004e66; background: -webkit-linear-gradient(-450deg, #004e66 0, transparent 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #004e66), to(transparent)); background: -webkit-linear-gradient(top, #004e66 0, transparent 100%); background: -moz-linear-gradient(top, #004e66 0, transparent 100%); background: -o-linear-gradient(top, #004e66 0, transparent 100%); background: linear-gradient(180deg, #004e66 0, transparent 100%); } .gradient-5 { background: #43c6ac; background: -webkit-linear-gradient(-495deg, #43c6ac 0, #191654 100%); background: -webkit-linear-gradient(225deg, #43c6ac 0, #191654 100%); background: -moz-linear-gradient(225deg, #43c6ac 0, #191654 100%); background: -o-linear-gradient(225deg, #43c6ac 0, #191654 100%); background: linear-gradient(225deg, #43c6ac 0, #191654 100%); } .gradient-5-alt { background: #43c6ac; background: -webkit-linear-gradient(-430deg, #43c6ac 0, #191654 100%); background: -webkit-linear-gradient(290deg, #43c6ac 0, #191654 100%); background: -moz-linear-gradient(290deg, #43c6ac 0, #191654 100%); background: -o-linear-gradient(290deg, #43c6ac 0, #191654 100%); background: linear-gradient(160deg, #43c6ac 0, #191654 100%); } /*set col-2 col-3*/ .items-clear-both-2 > div:nth-child(2n + 1) { clear: both; } .items-clear-both-3 > div:nth-child(3n + 1) { clear: both; } @media (max-width: 991px) { .items-clear-both-3 > div:nth-child(3n + 1) { clear: none; } .items-clear-both-3 > div:nth-child(2n + 1) { clear: both; } } /*@end file 1*/ /* ----------------------------------------------------------------- ## Icons ----------------------------------------------------------------- */ .mdicon { /* use !important to prevent issues with browser extensions that change fonts */ display: inline-block; font-family: 'mdicon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .btn .mdicon { font-size: 1.2em; } .mdicon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'mdicon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mdicon-schedule::before { content: "\e8b5"; } .mdicon-add_circle::before { content: "\e147"; } .mdicon-apps::before { content: "\e5c3"; } .mdicon-arrow_back::before { content: "\e5c4"; } .mdicon-arrow_downward::before { content: "\e5db"; } .mdicon-arrow_drop_down::before { content: "\e5c5"; } .mdicon-arrow_drop_up::before { content: "\e5c7"; } .mdicon-arrow_forward::before { content: "\e5c8"; } .mdicon-arrow_upward::before { content: "\e5d8"; } .mdicon-audiotrack::before { content: "\e3a1"; } .mdicon-border_color::before { content: "\e22b"; } .mdicon-cached::before { content: "\e86a"; } .mdicon-chat_bubble::before { content: "\e0ca"; } .mdicon-chat_bubble_outline::before { content: "\e0cb"; } .mdicon-navigate_before::before { content: "\e408"; } .mdicon-navigate_next::before { content: "\e409"; } .mdicon-close::before { content: "\e5cd"; } .mdicon-mode_edit::before { content: "\e254"; } .mdicon-crop_original::before { content: "\e3c4"; } .mdicon-dehaze::before { content: "\e3c7"; } .mdicon-remove_circle::before { content: "\e15c"; } .mdicon-expand_less::before { content: "\e5ce"; } .mdicon-expand_more::before { content: "\e5cf"; } .mdicon-extension::before { content: "\e87b"; } .mdicon-favorite::before { content: "\e87d"; } .mdicon-favorite_border::before { content: "\e87e"; } .mdicon-get_app::before { content: "\e884"; } .mdicon-filter::before { content: "\e3d3"; } .mdicon-flash_on::before { content: "\e3e7"; } .mdicon-folder::before { content: "\e2c7"; } .mdicon-folder_open::before { content: "\e2c8"; } .mdicon-star::before { content: "\e838"; } .mdicon-home::before { content: "\e88a"; } .mdicon-open_in_new::before { content: "\e89e"; } .mdicon-shopping_cart::before { content: "\e8cc"; } .mdicon-local_offer::before { content: "\e54e"; } .mdicon-mail_outline::before { content: "\e0e1"; } .mdicon-menu::before { content: "\e5d2"; } .mdicon-more_horiz::before { content: "\e5d3"; } .mdicon-more_vert::before { content: "\e5d4"; } .mdicon-person::before { content: "\e7fd"; } .mdicon-play_arrow::before { content: "\e037"; } .mdicon-play_circle_filled::before { content: "\e038"; } .mdicon-play_circle_outline::before { content: "\e039"; } .mdicon-public::before { content: "\e80b"; } .mdicon-visibility::before { content: "\e8f4"; } .mdicon-reply::before { content: "\e15e"; } .mdicon-rss_feed::before { content: "\e0e5"; } .mdicon-search::before { content: "\e8b6"; } .mdicon-share::before { content: "\e80d"; } .mdicon-shuffle::before { content: "\e043"; } .mdicon-star_border::before { content: "\e83a"; } .mdicon-star_half::before { content: "\e839"; } .mdicon-thumb_up::before { content: "\e8dc"; } .mdicon-trending_up::before { content: "\e8e5"; } .mdicon-chevron-thin-down::before { content: "\e902"; } .mdicon-chevron-thin-left::before { content: "\e900"; } .mdicon-chevron-thin-right::before { content: "\e901"; } .mdicon-chevron-thin-up::before { content: "\e903"; } .mdicon-fire::before { content: "\e9a9"; } .mdicon-enter::before { content: "\ea13"; } .mdicon-telegram::before { content: "\ea95"; } .mdicon-spinner2::before { content: "\e97b"; } .mdicon-youtube-square::before { content: "\f166"; } .mdicon-youtube::before { content: "\f167"; } .mdicon-twitter::before { content: "\f099"; } .mdicon-facebook::before { content: "\f09a"; } .mdicon-facebook-f::before { content: "\f09a"; } .mdicon-google-plus::before { content: "\f0d5"; } .mdicon-linkedin::before { content: "\f0e1"; } .mdicon-xing::before { content: "\f168"; } .mdicon-youtube-play::before { content: "\f16a"; } .mdicon-instagram::before { content: "\f16d"; } .mdicon-tumblr::before { content: "\f173"; } .mdicon-dribbble::before { content: "\f17d"; } .mdicon-skype::before { content: "\f17e"; } .mdicon-foursquare::before { content: "\f180"; } .mdicon-vk::before { content: "\f189"; } .mdicon-stumbleupon::before { content: "\f1a4"; } .mdicon-behance::before { content: "\f1b4"; } .mdicon-spotify::before { content: "\f1bc"; } .mdicon-deviantart::before { content: "\f1bd"; } .mdicon-soundcloud::before { content: "\f1be"; } .mdicon-vine::before { content: "\f1ca"; } .mdicon-codepen::before { content: "\f1cb"; } .mdicon-twitch::before { content: "\f1e8"; } .mdicon-yelp::before { content: "\f1e9"; } .mdicon-pinterest-p::before { content: "\f231"; } .mdicon-medium::before { content: "\f23a"; } .mdicon-vimeo::before { content: "\f27d"; } .mdicon-product-hunt::before { content: "\f288"; } .mdicon-snapchat-ghost::before { content: "\f2ac"; } .mdicon-exit2::before { content: "\ea15"; } .mdicon-person_pin::before { content: "\e55a"; } .mdicon-sign-out::before { content: "\f08b"; } .mdicon-sort-asc::before { content: "\f0de"; } .mdicon-sort-up::before { content: "\f0de"; } .mdicon-envelope::before { content: "\f0e0"; } .mdicon-linkedin1::before { content: "\f0e2"; } .mdicon-rotate-left::before { content: "\f0e3"; } .mdicon-undo::before { content: "\f0e3"; } .mdicon-gavel::before { content: "\f0e4"; } .mdicon-legal::before { content: "\f0e4"; } .mdicon-dashboard::before { content: "\f0e5"; } .mdicon-tachometer::before { content: "\f0e5"; } .mdicon-comment-o::before { content: "\f0e6"; } .mdicon-comments-o::before { content: "\f0e7"; } .mdicon-cloud-download::before { content: "\f0ed"; } .mdicon-cloud-upload::before { content: "\f0ee"; } .mdicon-user-md::before { content: "\f0f0"; } .mdicon-stethoscope::before { content: "\f0f1"; } .mdicon-suitcase::before { content: "\f0f2"; } .mdicon-bell::before { content: "\f0f3"; } .mdicon-coffee::before { content: "\f0f4"; } .mdicon-cutlery::before { content: "\f0f5"; } .mdicon-beer::before { content: "\f0fc"; } .mdicon-h-square::before { content: "\f0fd"; } .mdicon-plus-square::before { content: "\f0fe"; } .mdicon-angle-double-left::before { content: "\f100"; } .mdicon-angle-double-right::before { content: "\f101"; } .mdicon-angle-double-up::before { content: "\f102"; } .mdicon-angle-double-down::before { content: "\f103"; } .mdicon-angle-left::before { content: "\f104"; } /*----------------------------------------------*/ .mdicon~span { vertical-align: middle; } .mdicon--first { margin-right: 0.35em; } .mdicon--last { margin-left: 0.35em; } .icon-twitter, .icon-facebook, .icon-google-plus, .icon-linkedin, .icon-youtube, .icon-tumbler, .icon-dribbble, .icon-vk, .icon-stumbleupon, .icon-behance, .icon-soundcloud, .icon-vine, .icon-twitch, .icon-facebook-official, .icon-pinterest_p, .icon-vimeo { font-size: 1em; } .icon--2x.icon--2x { font-size: 200%; } /*@end file 2*/ /*all home*/ a { color: var(--color-links); } a:hover, a:focus { color: var(--color-links-hover); } a:focus { /*outline: 2px dotted var(--color-primary); outline-offset: 2px;*/ outline: none; outline-offset: none; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[list], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="button"]:not(.btn), input[type="reset"]:not(.btn), input[type="submit"]:not(.btn) { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 15px; line-height: 1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[list], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select { border: 1px solid var(--color-input-border); outline: 0; } input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[list]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus { border-color: var(--color-input-border-focus); } /* Custom select */ select { padding-right: 2.6em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' fill='%23222222' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.594 8.578l1.406 1.406-6 6-6-6 1.406-1.406 4.594 4.594z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .8em center; background-size: 20px 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' fill='%2332c769' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.594 8.578l1.406 1.406-6 6-6-6 1.406-1.406 4.594 4.594z'/%3E%3C/svg%3E"); } select::-ms-expand { display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */ } select[multiple], select[size]:not([size="1"]) { background-image: none; } .btn { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; letter-spacing: 0.5px; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: none; } a:focus, [role="button"]:focus, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, button:focus, .btn:focus, .btn.focus { /*outline: 2px dotted var(--color-primary); outline-offset: 2px;*/ outline-offset: none; outline:none; } .btn-default, .btn-default:hover, .btn-default.active.focus, .btn-default.active:focus, .btn-default.focus, .btn-default:active.focus, .btn-default:active:focus, .btn-default:focus, .btn-default:active { color: var(--color-text); border-color: var(--color-border); } .btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus { border-color: var(--color-primary); background-color: var(--color-primary); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-default[data-target="#subscribe-modal"]:active:focus, .btn-default[data-target="#subscribe-modal"]:active, .btn-default[data-target="#subscribe-modal"]:hover, .btn-default[data-target="#subscribe-modal"]:focus, .btn-default[data-target="#subscribe-modal"] { border: 0; background-color: var(--color-primary); color: #fff; } .btn-default[data-target="#subscribe-modal"] i { margin-bottom: 2px; } .btn-primary:active { opacity: .8; } .btn-primary:hover { border-color: var(--color-primary); background-color: transparent; color: var(--color-primary); } .btn-primary:focus-visible { outline: 2px solid var(--color-primary); } /*atoms*/ .site-wrapper { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } .block-heading--has-button.block-heading { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .block-heading--has-button .block-heading__title { margin-right: 15px; } .page-heading { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-heading__subtitle, .page-heading .block-heading__description { width: 100%; margin-top: 10px; } .page-heading__subtitle p, .page-heading .block-heading__description p { max-width: 576px; margin-bottom: 0; color: var(--color-heading-subtitle); } .page-heading.text-center .page-heading__subtitle p, .page-heading.text-center .block-heading__description p { margin-left: auto; margin-right: auto; } .block-heading--has-button .view-all-btn { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .block-heading--style-1 .block-heading__title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .block-heading--style-1 .block-heading__title::before { content: ''; display: inline-block; width: 20px; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 4px solid var(--color-primary); opacity: 0.6; margin-right: 10px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .block-heading--style-1.text-center, .block-heading--style-2.text-center, .block-heading--style-3.text-center { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .block-heading--style-3 { padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, .1); } .block-heading__title::first-letter { color: inherit; } .block-heading__subtitle { font-size: 15px; line-height: 1.6; font-weight: 400; color: var(--color-text-gray); } a.view-all-btn, .view-all-btn { padding: 7px 9px; color: var(--color-primary); background-color: transparent; border: 1px solid var(--color-primary); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 10px; text-decoration: none; text-transform: uppercase; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; letter-spacing: 0.5px; } a.view-all-btn:hover, .view-all-btn:hover, .view-all-btn:focus, a.view-all-btn:focus, .view-all-btn:active, a.view-all-btn:active, .view-all-btn:active:focus, a.view-all-btn:active:focus, .view-all-btn:visited, a.view-all-btn:visited { border-color: var(--color-primary); background-color: var(--color-primary); } a.view-all-btn:hover, .view-all-btn:hover, .view-all-btn:focus, a.view-all-btn:focus, .view-all-btn:active, a.view-all-btn:active, .view-all-btn:active:focus, a.view-all-btn:active:focus { color: #fff; } .atbs-atoms-search-full__results .atbs-pagination a.view-all-btn { font-size: 12px; padding: 8px 12px; } .block-heading.block-heading-small { margin-bottom: 35px; } @media (min-width:1200px) { .container { width: 1200px; } } @media (min-width:576px) and (max-width: 767px) { .container { width: 540px; } } .items-clear-both-2 > div:nth-child(2n+1) { clear: both; } .items-clear-both-3 > div:nth-child(3n+1) { clear: both; } .remove-margin-bottom-lastchild *:last-child { margin-bottom: 0 !important; } /*===============================*/ /*-------------------------------*/ .atbs-block { margin-bottom: 100px; } .atbs-block-sub:not(:last-child) { margin-bottom: 60px; } .remove-margin-bottom-lastchild *:last-child { margin-bottom: 0 !important; } .media-left { padding-right: 30px; } /*----------font-family----------*/ /*---rubik---*/ /*---pop---*/ /*================================*/ .inverse-text .time { color: rgba(255, 255, 255, 0.6); } /*-------------post--------------*/ .atbs-thumb-object-fit a { width: 100%; height: 100%; } .atbs-thumb-object-fit img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .atbs-thumb-object-fit a.post__cat { width: unset; height: unset; } .post__thumb--overlay.post__thumb { position: absolute; width: 100%; height: 100%; } .post__thumb--overlay.post__thumb::after { width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.2); content: ''; position: absolute; } /*-----post-thumb - width-------*/ .post__thumb--width-255 .post__thumb { width: 255px; } .post__thumb--width-270 .post__thumb { width: 270px; } .post__thumb--width-300 .post__thumb { width: 300px; } .post__thumb--width-400 .post__thumb { width: 400px; } .post__thumb--width-430 .post__thumb { width: 430px; } .post__thumb--width-450 .post__thumb { width: 450px; } .post__thumb--width-470 .post__thumb { width: 470px; } .post__thumb--width-500 .post__thumb { width: 500px; } .post__thumb--width-630 .post__thumb { width: 630px; } .post__thumb--width-770 .post__thumb { width: 770px; } /*-----post-thumb - height-------*/ .post__thumb-100 .post__thumb { height: 100px; } .post__thumb-150 .post__thumb { height: 150px; } .post__thumb-170 .post__thumb { height: 170px; } .post__thumb-180 .post__thumb { height: 180px; } .post__thumb-200 .post__thumb { height: 200px; } .post__thumb-210 .post__thumb { height: 210px; } .post__thumb-250 .post__thumb { height: 250px; } .post__thumb-260 .post__thumb { height: 260px; } .post__thumb-270 .post__thumb { height: 270px; } .post__thumb-280 .post__thumb { height: 280px; } .post__thumb-295 .post__thumb { height: 295px; } .post__thumb-300 .post__thumb { height: 300px; } .post__thumb-330 .post__thumb { height: 330px; } .post__thumb-380 .post__thumb { height: 380px; } .post__thumb-390 .post__thumb { height: 390px; } .post__thumb-400 .post__thumb { height: 400px; } .post__thumb-420 .post__thumb { height: 420px; } .post__thumb-430 .post__thumb { height: 430px; } .post__thumb-450 .post__thumb { height: 450px; } .post__thumb-460 .post__thumb { height: 460px; } .post__thumb-465 .post__thumb { height: 465px; } .post__thumb-480 .post__thumb { height: 480px; } .post__thumb-500 .post__thumb { height: 500px; } .post__thumb-550 .post__thumb { height: 550px; } .post__thumb-580 .post__thumb { height: 580px; } .post__thumb-700 .post__thumb { height: 700px; } .post__thumb-160 .post__thumb { height: 160px; } .post--overlay-height-200.post--overlay .post__text { min-height: 200px; } .post--overlay-height-270.post--overlay .post__text { min-height: 270px; } .post--overlay-height-280.post--overlay .post__text { min-height: 280px; } .post--overlay-height-300.post--overlay .post__text { min-height: 300px; } .post--overlay-height-320.post--overlay .post__text { min-height: 320px; } .post--overlay-height-370.post--overlay .post__text { min-height: 370px; } .post--overlay-height-410.post--overlay .post__text { min-height: 410px; } .post--overlay-height-430.post--overlay .post__text{ min-height: 430px; } .post--overlay-height-450.post--overlay .post__text { min-height: 450px; } .post--overlay-height-460.post--overlay .post__text { min-height: 460px; } .post--overlay-height-480.post--overlay .post__text { min-height: 480px; } .post--overlay-height-500.post--overlay .post__text { min-height: 500px; } .post--overlay-height-510.post--overlay .post__text { min-height: 510px; } .post--overlay-height-520.post--overlay .post__text { min-height: 520px; } .post--overlay-height-560.post--overlay .post__text { min-height: 560px; } .post--overlay-height-570.post--overlay .post__text { min-height: 570px; } .post--overlay-height-600.post--overlay .post__text { min-height: 600px; } /*margin post vertical thumb*/ .post--vertical .post__thumb { margin-bottom: 25px; } /*----- Post Thumb Not Exists -----*/ .post-not-exist-thumbnail .post__thumb { position: relative; overflow: hidden; } .post-not-exist-thumbnail .post__thumb::after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; z-index: 0; top: 0; background-color: var(--bg-color-thumb); } .post-not-exist-thumbnail .post__thumb > * { z-index: 1; } /*----- Post Thumb Styles -----*/ .disable-thumb-placeholder.post-not-exist-thumbnail .post__thumb, .disable-thumb-placeholder.post-not-exist-thumbnail .post-type-icon .overlay-item { display: none; } .post--overlap.disable-thumb-placeholder.post-not-exist-thumbnail .post__text { min-height: initial; } /*----- Post Icon -----*/ /** Video Icon **/ .post-type-icon.video-icon { width: 85px; height: 85px; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-decoration: none; font-size: 20px; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .2); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .2); box-shadow: 0 10px 20px rgba(0, 0, 0, .2); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; z-index: 1; } .post-type-icon.video-icon i { color: var(--color-text); font-size: inherit; } .post-type-icon.video-icon:hover, .post-type-icon.video-icon:focus { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .1); box-shadow: 0 5px 10px rgba(0, 0, 0, .1); } .post-type-icon.video-icon:hover i, .post-type-icon.video-icon:focus i { color: var(--color-primary); } .post-type-icon--lg.video-icon { width: 95px; height: 95px; font-size: 28px; } .post-type-icon--md.video-icon { width: 75px; height: 75px; } .post-type-icon--sm.video-icon { width: 58px; height: 58px; font-size: 18px; } @media (max-width: 991px) { .post-type-icon--lg.video-icon, .post-type-icon:not(.post-type-icon--sm).video-icon { width: 75px; height: 75px; font-size: 20px; } } @media (max-width: 767px) { .post-type-icon--lg.video-icon, .post-type-icon--md.video-icon, .post-type-icon:not(.post-type-icon--sm).video-icon { width: 65px; height: 65px; } } @media (max-width: 480px) { .post-type-icon--lg.video-icon, .post-type-icon--md.video-icon, .post-type-icon.video-icon { width: 50px; height: 50px; font-size: 18px; } } /** Gallery Icon **/ .post-type-icon.gallery-icon { /* min-height: 50px; */ padding: 0.4em 0.7em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; line-height: 1.4; /* background-color: var(--color-primary); */ } .post-type-icon.gallery-icon i { font-size: inherit; } .post-type-icon .gallery-item-count { position: relative; top: 2px; font-size: 16px; font-weight: 500; line-height: 1.5; } /** Review Icon **/ /* .post-type-icon.review-icon .post-score-value { position: initial; transform: none; width: 45px; height: 45px; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 20px; line-height: 1.4; background-color: var(--color-primary); } */ .post-type-icon.review-icon { width: 80px; height: 80px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .1); box-shadow: 0 5px 10px rgba(0, 0, 0, .1); font-size: 20px; } .post-type-icon.review-icon:not(.overlay-item) { position: relative; } .post-type-icon.review-icon svg { width: 64px; height: 64px; vertical-align: middle; } .post-type-icon.review-icon .post-score-value { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--color-text); font-weight: 700; font-size: inherit; line-height: 1.4; letter-spacing: -0.05em; } .post-type-icon.review-icon.post-type-icon--lg { width: 94px; height: 94px; font-size: 22px; } .post-type-icon.review-icon.post-type-icon--lg svg { width: 74px; height: 74px; } .post-type-icon.review-icon.post-type-icon--md { width: 68px; height: 68px; font-size: 18px; } .post-type-icon.review-icon.post-type-icon--md svg { width: 54px; height: 54px; } .post-type-icon.review-icon.post-type-icon--sm { width: 60px; height: 60px; font-size: 14px; } .post-type-icon.review-icon.post-type-icon--sm svg { width: 48px; height: 48px; vertical-align: middle; } @media (max-width: 991px) { .post-type-icon--lg.review-icon, .post-type-icon:not(.post-type-icon--sm).review-icon { width: 68px; height: 68px; font-size: 16px; } .post-type-icon--lg.review-icon, .post-type-icon:not(.post-type-icon--sm).review-icon svg { width: 54px; height: 54px; } } @media (max-width: 767px) { .overlay-item.overlay-item--sm-p { top: 20px; right: 20px; } .post-type-icon.review-icon.post-type-icon--sm, .post-type-icon--lg.review-icon, .post-type-icon--md.review-icon, .post-type-icon:not(.post-type-icon--sm).review-icon { width: 58px; height: 58px; font-size: 14px; } .post-type-icon--lg.review-icon, .post-type-icon--md.review-icon, .post-type-icon.post-type-icon--sm.review-icon svg, .post-type-icon--lg.review-icon, .post-type-icon:not(.post-type-icon--sm).review-icon svg { width: 50px; height: 50px; } } @media (max-width: 480px) { .post-type-icon--lg.review-icon, .post-type-icon--md.review-icon, .post-type-icon:not(.post-type-icon--sm).review-icon, .post-type-icon.review-icon { width: 52px; height: 52px; font-size: 14px; } .post-type-icon--lg.review-icon svg, .post-type-icon--md.review-icon svg, .post-type-icon:not(.post-type-icon--sm).review-icon svg, .post-type-icon.review-icon svg { width: 42px; height: 42px; } } .post-type-icon.review-icon.review-icon--style-1 { width: auto; height: auto; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .post-type-icon--inverse, .post__thumb .post-type-icon--inverse, .post--overlay .post-type-icon { color: #fff; } /*-----post meta----------------*/ .post__meta a, .entry-meta a { color: var(--color-meta); } .time { font-size: 12px; line-height: 1.44; color: var(--color-meta); text-transform: uppercase; font-weight: 400; } /*-----post-cat------------------*/ .post__cat, a.post__cat, .entry-cat, a.entry-cat { font-size: 12px; color: var(--color-primary); border-bottom: none; font-weight: 400; opacity: 0.8; text-transform: uppercase; margin-bottom: 10px; line-height: 1.44; } .post__cat.cat-themepost__cat--bg { color: var(--color-primary) !important; } article:hover a.post__cat.cat-theme.hover-color-white, a.post__cat.hover-color-white:hover, .post__title.hover-color-white a { color: rgba(255, 255, 255, 1) !important; } .inverse-text .post__cat, .inverse-text .post__cat.cat-theme.cat-theme, .inverse-text .entry-cat, .inverse-text .entry-cat.cat-theme.cat-theme { color: #fff; opacity: 1; } /*-----post-thumb----------------*/ .post--overlay-radius, .post-thumb-radius.post__thumb, .post-thumb-radius.post__thumb img, .post-thumb-radius.post__thumb .background-img, .post--overlay.post-thumb-radius { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /*-----post-title----------------*/ .post__title { font-weight: 700; margin-top: 0; color: var(--color-text); /*font-size: 24px;*/ margin-bottom: 20px; } /*-----post-expect---------------*/ .post__excerpt { margin-top: 0; margin-bottom: 0; font-size: 15px; color: var(--color-excerpt); line-height: 1.6; } /*-----post-read more------------*/ .post__readmore .button__readmore { text-decoration: none; text-transform: unset; font-weight: 400; font-size: 14px; color: var(--color-primary); color: var(--color-excerpt); } .post__readmore .button__readmore i { font-size: 20px; padding-bottom: 2px; } .atbs-widget-posts-4 ul li .post__text--wrap:hover .button__readmore i { background: var(--bg-color-primary); color: #fff; border-color: var(--bg-color-primary); } .post--overlay.post--overlay-text-has-shadow { overflow: initial; } .atbs-post--grid-a .atbs-post-grid-sub .read-more-link { color: var(--color-primary); font-size: 15px; font-weight: 300; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } /*see more circle*/ .button__readmore.button-see-more-circle span { color: var(--color-primary); font-size: 15px; font-weight: 300; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .button__readmore.button-see-more-circle .readmore__text i { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 60px; height: 60px; border: 1px solid rgba(161, 133, 90, 0.3); color: rgba(161, 133, 90, 0.6); font-size: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-left: 10px; } /*see more arrow large*/ .button__readmore.button-arrow-big .readmore__text i { font-size: 30px; opacity: 0.3; color: var(--color-primary); margin-left: 10px; } /*see more link*/ .read-more-link, a.read-more-link:visited { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-text); font-size: 15px; font-weight: 400; } .read-more-link:hover, a.read-more-link:hover, .read-more-link:focus, a.read-more-link:focus { color: var(--color-primary); } .read-more-link:hover i, a.read-more-link:hover i, .read-more-link:focus i, a.read-more-link:focus i { color: var(--color-primary); } .read-more-link i { font-size: 20px; color: var(--color-excerpt); } .read-more-link:hover i { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .post__readmore .icon-circle-50 , .button__readmore.icon-circle-50 { display: block; width: 100%; } .post__readmore .icon-circle-50 span, .button__readmore.icon-circle-50 span { font-size: 14px; line-height: 1.5; font-weight: 500; text-transform: uppercase; color: #000; } .post__readmore .icon-circle-50 i, .button__readmore.icon-circle-50 i { width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(34, 34, 34, 0.6); display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 15px; -o-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; } .post__readmore .icon-circle-50:hover i, .post__readmore .icon-circle-50:focus i , .button__readmore.icon-circle-50:hover i, .button__readmore.icon-circle-50:focus i { border: 1px solid transparent; background-color: #000; color: #fff; } /** Post Overlay **/ .post--overlay .post__text { z-index: 1; pointer-events: none; } .post--overlay .post__text-inner > * { pointer-events: auto; } .post--overlay [class*="post-type-icon"] { /* z-index: 1 has issues with post--overlay using .background-img */ z-index: 2; } /*---dots---*/ /*circle*/ .dots-circle .owl-dot { padding: 4px; } .dots-circle .owl-dot span { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .dots-circle .owl-dot.active span { background-color: var(--color-primary); } .owl-carousel.button--dots-center-nav .owl-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .owl-carousel.button--dots-center-nav .owl-prev, .owl-carousel.button--dots-center-nav .owl-next { background-color: transparent; border: 1px solid rgba(34, 34, 34, 0.4); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 60px; height: 60px; color: #222222; position: relative; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; top: unset; left: unset; right: unset; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; } .owl-carousel.button--dots-center-nav .owl-next { position: absolute; } .owl-carousel.button--dots-center-nav .owl-prev i, .owl-carousel.button--dots-center-nav .owl-next i { font-size: 20px; } .owl-carousel.button--dots-center-nav .owl-dots { display: inline-block; padding: 0; position: absolute; /*bottom: calc( 30px / 2 );*/ /*transform: translateY(-50%);*/ } .owl-carousel.button--dots-center-nav .owl-dot.active span { background-color: #222222; opacity: 1; } .owl-carousel.button--dots-center-nav .owl-dot span { background-color: #222222; opacity: 0.15; } .atbs-pagination .atbs-pagination__links { margin: 0; } .atbs-pagination__item.atbs-pagination__item-next, .atbs-pagination__item.atbs-pagination__item-prev { color: var(--color-text-gray); } .atbs-pagination__item { background: transparent; font-size: 15px; margin: 0; color: var(--color-text-gray); font-weight: 300; } .atbs-pagination__item:hover, .atbs-pagination__item:focus, .atbs-pagination__item:active { background: transparent; } .atbs-pagination__item-current:hover, .atbs-pagination__item-current:focus, .atbs-pagination__item-current:active { background: transparent; color: var(--color-primary); } .atbs-pagination__item-current { color: var(--color-primary); position: relative; } .atbs-pagination__item-current::before { content: ''; position: absolute; width: 8px; height: 1px; background: var(--color-primary); bottom: 7px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .atbs-pagination__item.atbs-pagination__item-next, .atbs-pagination__item.atbs-pagination__item-prev { letter-spacing: 1px; font-size: 12px; color: var(--color-text-gray); font-weight: 300; } .atbs-pagination__item:not(.atbs-pagination__item-current):hover, .atbs-pagination__item-current:hover, .atbs-pagination__item:not(.atbs-pagination__item-current):focus, .atbs-pagination__item-current:focus { background-color: transparent; color: var(--color-primary); } .flexbox-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .align-item-center, .flexbox-center-y { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .justify-content-center { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flexbox-wrap.flexbox-wrap-2i > * { width: 50%; } .flexbox-wrap.flexbox-wrap-3i > * { width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); } .flexbox-wrap.flexbox-wrap-4i > * { width: -webkit-calc(100% / 4); width: -moz-calc(100% / 4); width: calc(100% / 4); } @media (max-width: 991px) { .flexbox-wrap.flexbox-wrap-2i-md > * { width: 50%; } } @media (max-width: 767px) { .flexbox-wrap.flexbox-wrap-2i-sm > * { width: 50%; } .flexbox-wrap.flexbox-wrap-1i-sm > * { width: 100%; } } @media (max-width: 380px) { .flexbox-wrap.flexbox-wrap-1i-xs > * { width: 100%; } } .flexbox-wrap.flex-space-15 { margin: -7.5px; } .flexbox-wrap.flex-space-15 > * { padding: 7.5px; } .flexbox-wrap.flex-space-20 { margin: -10px; } .flexbox-wrap.flex-space-20 > * { padding: 10px; } .flexbox-wrap.flex-space-30 { margin: -15px; } .flexbox-wrap.flex-space-30 > * { padding: 15px; } .flexbox-wrap.flex-space-80 { margin: -40px; } .flexbox-wrap.flex-space-80 > * { padding: 40px; } .item-line-count { position: relative; } .item-line-count-4i { position: relative; } .item-line-count-2i:nth-child(2n+1):not(:first-child)::after { position: absolute; content: ''; width: -webkit-calc(100% * 2 - 30px); width: -moz-calc(100% * 2 - 30px); width: calc(100% * 2 - 30px); height: 1px; background-color: rgba(0, 0, 0, 0.1); left: 15px; top: 0; } .item-line-count-4i:nth-child(4n+1):not(:first-child)::after { position: absolute; content: ''; width: -webkit-calc(100% * 4 - 30px); width: -moz-calc(100% * 4 - 30px); width: calc(100% * 4 - 30px); height: 1px; background-color: rgba(0, 0, 0, 0.1); left: 15px; top: 0; } .flex-item-auto { -webkit-box-flex: 1; -webkit-flex: auto; -moz-box-flex: 1; -ms-flex: auto; flex: auto; } @media (max-width: 767px) { .flexbox-wrap.flexbox-wrap-2i > * { width: 100%; } } .flexbox-wrap .bk-preload-wrapper { width: 100%; } /*----------font-size------------*/ @media (min-width:768px) { .typescale-2_5 { font-size: 1.4rem; line-height: 1.4; } } @media (min-width:992px) { .typescale-0.custom-typescale-0 { font-size: 1.15rem; line-height: 1.5; } .typescale-2.custom-typescale-2 { font-size: 1.428rem; line-height: 1.5; } .typescale-2_5 { font-size: 1.6rem; line-height: 1.4; } .typescale-3.custom-typescale-3 { font-size: 1.75rem; line-height: 1.3; } .typescale-3_5 { font-size: 2rem; line-height: 1.39; } } @media (max-width: 1199px) { .button__readmore.button-see-more-circle .readmore__text i { width: 45px; height: 45px; font-size: 15px; } } @media (max-width: 767px) { .atbs-block-sub:not(:last-child) { margin-bottom: 45px; } .post__cat, a.post__cat { /*font-size: 10px;*/ margin-bottom: 5px; } .time { font-size: 10px; } /*margin post vertical thumb*/ .post--vertical .post__thumb { margin-bottom: 15px; } } @media (max-width: 575px) { .atbs-block-sub:not(:last-child) { margin-bottom: 35px; } } /* ----------------------- Update */ .post-grid-4-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .post-grid-4-row >* { width: -webkit-calc(100% / 4); width: -moz-calc(100% / 4); width: calc(100% / 4); } .post-grid-2-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .post-grid-2-row > * { width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); } .list-gutter-w60-h30 > .list-item { padding: 15px 30px; } .list-gutter-w60-h30 { margin: -15px -30px; } .list-gutter-w30-h40 > * { padding: 20px 15px; } .list-gutter-w30-h40 { margin: -20px -15px; } @media (max-width: 767px) { .list-gutter-w40-h30-sm { margin: -15px -20px; } .list-gutter-w40-h30-sm > .list-item { padding: 15px 20px; } } .post-grid-4-row .post-no-thumb .post__title { max-width: 100%; } .post--overlay-height-670.post--overlay .post__text { min-height: 670px; } .flex-self-start { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .flexbox-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media(min-width:768px) { .flex-column-reverse { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .flex-column-reverse > * { width: 100%; } .nav-circle .owl-prev:focus, .nav-circle .owl-next:focus, .nav-circle .owl-prev:active, .nav-circle .owl-next:active, .nav-circle .owl-prev:hover, .nav-circle .owl-next:hover { height: 60px; width: 60px; background: ; border-color: var(--color-primary); color: #fff; } .nav-circle .owl-prev, .nav-circle .owl-next { height: 60px; width: 60px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background:var(--color-primary); color: var(--color-white); border: 1px solid var(--color-primary); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .nav-circle.nav-circle-no-border .owl-prev, .nav-circle.nav-circle-no-border .owl-next { border: none; } @media(max-width: 767px) { .nav-circle .owl-prev:focus, .nav-circle .owl-next:focus, .nav-circle .owl-prev:active, .nav-circle .owl-next:active, .nav-circle .owl-prev:hover, .nav-circle .owl-next:hover, .nav-circle .owl-prev, .nav-circle .owl-next { height: 50px; width: 50px; } } /* .Update ----------------------- */ /* btn load more */ .bk-preload-wrapper { width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: #ffffffc2; z-index: 100; } .atbs-btn-load-post { border: 1px solid var(--color-primary); background: var(--color-primary); color: #fff; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; padding: 12px 25px; font-size: 1rem; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; cursor: pointer; } .atbs-btn-load-post:active, .atbs-btn-load-post:active:hover, .atbs-btn-load-post:focus, .atbs-btn-load-post:focus:active, .atbs-btn-load-post:hover { padding: 12px 25px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; font-size: 1rem; border: 1px solid var(--color-primary); background: var(--color-primary); color: #fff; outline: none; } .atbs-btn-load-post:hover { opacity: 0.8; } .atbs-btn-load-post:focus { -webkit-box-shadow: 0 0 0 4px rgba(50, 199, 105, 0.2); -moz-box-shadow: 0 0 0 4px rgba(50, 199, 105, 0.2); box-shadow: 0 0 0 4px rgba(50, 199, 105, 0.2); } .atbs-btn-load-post:active { opacity: 1; } .js-ajax-load-post .js-ajax-load-post-trigger i { font-size: 0px; opacity: 0; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease; } .js-ajax-load-post.atbs_loading .js-ajax-load-post-trigger i { font-size: 14px; margin-left: 8px; margin-bottom: 2px; opacity: 1; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; visibility: visible; } .bk-preload-wrapper::after { position: absolute; z-index: 2; top: 50%; left: 50%; margin-top: -32px; margin-left: -16px; border-width: 3px; border: 2px solid var(--color-primary); border-left-color: transparent; border-right-color: transparent; -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px; content: ""; width: 34px; height: 34px; display: inline-block; overflow: hidden; -moz-animation: loading-icon-spin 1000ms infinite linear; -webkit-animation: loading-icon-spin 1000ms infinite linear; animation: loading-icon-spin 1000ms infinite linear; } @-moz-keyframes loading-icon-spin { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg) } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes loading-icon-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes loading-icon-spin { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } } /** Line Limit **/ .line-limit, .line-limit-child > * { display: -webkit-box !important; -webkit-box-orient: vertical; overflow: hidden; } .line-limit.line-limit-2, .line-limit-child.line-limit-2 > * { -webkit-line-clamp: 2; } .line-limit.line-limit-3, .line-limit-child.line-limit-3 > * { -webkit-line-clamp: 3; } .line-limit.line-limit-4, .line-limit-child.line-limit-4 > * { -webkit-line-clamp: 4; } .line-limit.line-limit-5, .line-limit-child.line-limit-5 > * { -webkit-line-clamp: 5; } .line-limit.line-limit-6, .line-limit-child.line-limit-6 > * { -webkit-line-clamp: 6; } /* home 404*/ .btn-back-home, .page-404-home-button { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .btn-back-home { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .btn-back-home i { margin-right: 5px; } /* page author */ .page_Author .author-box:not(:last-child) { margin-bottom: 60px; } .page_Author .author-box .author-info { text-align: left; } @media(max-width: 767px) { .page_Author .author-box:not(:last-child) { margin-bottom: 40px; } } /* reponsive font- size page heading title // heading title */ @media (max-width: 767px) { .block-heading__title, .search .block-heading .block-heading__title.page-heading__title { font-size: 20px !important; } .archive.category .block-heading .block-heading__description p, .block-heading__subtitle { font-size: 15px !important; } } /* ----------------------- Update */ .nav-circle .owl-prev:focus, .nav-circle .owl-next:focus, .nav-circle .owl-prev:active, .nav-circle .owl-next:active, .nav-circle .owl-prev:hover, .nav-circle .owl-next:hover { height: 60px; width: 60px; background: var(--color-primary); border-color: var(--color-primary); color: #fff; } .nav-circle .owl-prev, .nav-circle .owl-next { height: 60px; width: 60px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background:var(--color-primary); color: var(--color-white); border: 1px solid var(--color-primary); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .nav-circle.nav-circle-no-border .owl-prev, .nav-circle.nav-circle-no-border .owl-next { border: none; } .nav-vertical .owl-next, .nav-vertical .owl-prev { position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .nav-vertical .owl-prev:not(:last-child) { margin-bottom: 20px; } @media(max-width: 767px){ .nav-circle .owl-prev:focus, .nav-circle .owl-next:focus, .nav-circle .owl-prev:active, .nav-circle .owl-next:active, .nav-circle .owl-prev:hover, .nav-circle .owl-next:hover, .nav-circle .owl-prev, .nav-circle .owl-next { height: 50px; width: 50px; } } /* .Update ----------------------- */ /*@end file 4*/ /*===========================Margin======================*/ /*----Module Spacing------*/ .atbs-block:not(:last-child) { margin-bottom: 75px; } .atbs-block--margin-60:not(:first-child) { margin-top: -40px; } .atbs-block--margin-60:not(:last-child) { margin-bottom: 60px; } /*----Title------*/ .atbs-block .page-heading, .block-heading { margin-bottom: 40px; } .block-heading__title { font-size: 20px; margin-bottom: 0; color: var(--color-heading, #222); letter-spacing: normal; text-transform: none; } .atbs-block--margin-60 .block-heading { margin-bottom: 40px; } .atbs-block--margin-60 .block-heading__title { font-size: 20px; margin-bottom: 0; color: #222; opacity: 0.8; } @media (max-width: 1199px) { .atbs-block:not(:last-child) { margin-bottom: 70px; } } @media (max-width: 991px) { .atbs-block:not(:last-child) { margin-bottom: 60px; } } @media (max-width: 767px) { /* ---------------------------------------------------------------- Module block -----------------------------------------------------------------*/ /*===Margin===*/ /*block*/ .atbs-block:not(:last-child) { margin-bottom: 60px; } .atbs-block--margin-60:not(:first-child) { margin-top: -30px; } /*===Size===*/ /*title*/ .atbs-block .page-heading, .block-heading { margin-bottom: 35px; } .block-heading.block-heading-small { margin-bottom: 30px; } } @media (min-width:576px) and (max-width: 767px) { /* ---------------------------------------------------------------- Container custom -----------------------------------------------------------------*/ .container-768 { width: 540px; padding: 0 15px; margin: auto; } } @media (max-width: 575px) { /* ---------------------------------------------------------------- Container custom -----------------------------------------------------------------*/ .container-768 { width: 100%; padding: 0 15px; margin: auto; } /* ---------------------------------------------------------------- Module block -----------------------------------------------------------------*/ /*===Margin===*/ /*block*/ .atbs-block .page-heading, .block-heading { margin-bottom: 30px; } /*title*/ .atbs-block--margin-60 .block-heading { margin-bottom: 30px; } } /* ---------------------------------------------------------------- Custom Spacing -----------------------------------------------------------------*/ @media (min-width: 769px) { .atbs-block.atbs-custom-margin-top-100 { margin-top: 100px } .atbs-block.atbs-custom-margin-bottom-100 { margin-bottom: 100px } .atbs-block.atbs-custom-margin-top-95 { margin-top: 95px } .atbs-block.atbs-custom-margin-bottom-95 { margin-bottom: 95px } .atbs-block.atbs-custom-margin-top-90 { margin-top: 90px } .atbs-block.atbs-custom-margin-bottom-90 { margin-bottom: 90px } .atbs-block.atbs-custom-margin-top-85 { margin-top: 85px } .atbs-block.atbs-custom-margin-bottom-85 { margin-bottom: 85px } .atbs-block.atbs-custom-margin-top-80 { margin-top: 80px } .atbs-block.atbs-custom-margin-bottom-80 { margin-bottom: 80px } .atbs-block.atbs-custom-margin-top-75 { margin-top: 75px } .atbs-block.atbs-custom-margin-bottom-75 { margin-bottom: 75px } .atbs-block.atbs-custom-margin-top-70 { margin-top: 70px } .atbs-block.atbs-custom-margin-bottom-70 { margin-bottom: 70px } .atbs-block.atbs-custom-margin-top-65 { margin-top: 65px } .atbs-block.atbs-custom-margin-bottom-65 { margin-bottom: 65px } .atbs-block.atbs-custom-margin-top-60 { margin-top: 60px } .atbs-block.atbs-custom-margin-bottom-60 { margin-bottom: 60px } .atbs-block.atbs-custom-margin-top-55 { margin-top: 55px } .atbs-block.atbs-custom-margin-bottom-55 { margin-bottom: 55px } .atbs-block.atbs-custom-margin-top-50 { margin-top: 50px } .atbs-block.atbs-custom-margin-bottom-50 { margin-bottom: 50px } .atbs-block.atbs-custom-margin-top-45 { margin-top: 45px } .atbs-block.atbs-custom-margin-bottom-45 { margin-bottom: 45px } .atbs-block.atbs-custom-margin-top-40 { margin-top: 40px } .atbs-block.atbs-custom-margin-bottom-40 { margin-bottom: 40px } .atbs-block.atbs-custom-margin-top-35 { margin-top: 35px } .atbs-block.atbs-custom-margin-bottom-35 { margin-bottom: 35px } .atbs-block.atbs-custom-margin-top-30 { margin-top: 30px } .atbs-block.atbs-custom-margin-bottom-30 { margin-bottom: 30px } .atbs-block.atbs-custom-margin-top-25 { margin-top: 25px } .atbs-block.atbs-custom-margin-bottom-25 { margin-bottom: 25px } .atbs-block.atbs-custom-margin-top-20 { margin-top: 20px } .atbs-block.atbs-custom-margin-bottom-20 { margin-bottom: 20px } .atbs-block.atbs-custom-margin-top-15 { margin-top: 15px } .atbs-block.atbs-custom-margin-bottom-15 { margin-bottom: 15px } .atbs-block.atbs-custom-margin-top-10 { margin-top: 10px } .atbs-block.atbs-custom-margin-bottom-10 { margin-bottom: 10px } .atbs-block.atbs-custom-margin-top-5 { margin-top: 5px } .atbs-block.atbs-custom-margin-bottom-5 { margin-bottom: 5px } .atbs-block.atbs-custom-margin-top-minus-100 { margin-top: -100px } .atbs-block.atbs-custom-margin-bottom-minus-100:not(:last-child) { margin-bottom: -100px } .atbs-block.atbs-custom-margin-top-minus-95 { margin-top: -95px } .atbs-block.atbs-custom-margin-bottom-minus-95:not(:last-child) { margin-bottom: -95px } .atbs-block.atbs-custom-margin-top-minus-90 { margin-top: -90px } .atbs-block.atbs-custom-margin-bottom-minus-90:not(:last-child) { margin-bottom: -90px } .atbs-block.atbs-custom-margin-top-minus-85 { margin-top: -85px } .atbs-block.atbs-custom-margin-bottom-minus-85:not(:last-child) { margin-bottom: -85px } .atbs-block.atbs-custom-margin-top-minus-80 { margin-top: -80px } .atbs-block.atbs-custom-margin-bottom-minus-80:not(:last-child) { margin-bottom: -80px } .atbs-block.atbs-custom-margin-top-minus-75 { margin-top: -75px } .atbs-block.atbs-custom-margin-bottom-minus-75:not(:last-child) { margin-bottom: -75px } .atbs-block.atbs-custom-margin-top-minus-70 { margin-top: -70px } .atbs-block.atbs-custom-margin-bottom-minus-70:not(:last-child) { margin-bottom: -70px } .atbs-block.atbs-custom-margin-top-minus-65 { margin-top: -65px } .atbs-block.atbs-custom-margin-bottom-minus-65:not(:last-child) { margin-bottom: -65px } .atbs-block.atbs-custom-margin-top-minus-60 { margin-top: -60px } .atbs-block.atbs-custom-margin-bottom-minus-60:not(:last-child) { margin-bottom: -60px } .atbs-block.atbs-custom-margin-top-minus-55 { margin-top: -55px } .atbs-block.atbs-custom-margin-bottom-minus-55:not(:last-child) { margin-bottom: -55px } .atbs-block.atbs-custom-margin-top-minus-50 { margin-top: -50px } .atbs-block.atbs-custom-margin-bottom-minus-50:not(:last-child) { margin-bottom: -50px } .atbs-block.atbs-custom-margin-top-minus-45 { margin-top: -45px } .atbs-block.atbs-custom-margin-bottom-minus-45:not(:last-child) { margin-bottom: -45px } .atbs-block.atbs-custom-margin-top-minus-40 { margin-top: -40px } .atbs-block.atbs-custom-margin-bottom-minus-40:not(:last-child) { margin-bottom: -40px } .atbs-block.atbs-custom-margin-top-minus-35 { margin-top: -35px } .atbs-block.atbs-custom-margin-bottom-minus-35:not(:last-child) { margin-bottom: -35px } .atbs-block.atbs-custom-margin-top-minus-30 { margin-top: -30px } .atbs-block.atbs-custom-margin-bottom-minus-30:not(:last-child) { margin-bottom: -30px } .atbs-block.atbs-custom-margin-top-minus-25 { margin-top: -25px } .atbs-block.atbs-custom-margin-bottom-minus-25:not(:last-child) { margin-bottom: -25px } .atbs-block.atbs-custom-margin-top-minus-20 { margin-top: -20px } .atbs-block.atbs-custom-margin-bottom-minus-20:not(:last-child) { margin-bottom: -20px } .atbs-block.atbs-custom-margin-top-minus-15 { margin-top: -15px } .atbs-block.atbs-custom-margin-bottom-minus-15:not(:last-child) { margin-bottom: -15px } .atbs-block.atbs-custom-margin-top-minus-10 { margin-top: -10px } .atbs-block.atbs-custom-margin-bottom-minus-10:not(:last-child) { margin-bottom: -10px } .atbs-block.atbs-custom-margin-top-minus-5 { margin-top: -5px } .atbs-block.atbs-custom-margin-top-minus-0 { margin-top: 0 } .atbs-block.atbs-custom-margin-bottom-minus-5:not(:last-child) { margin-bottom: -5px } .atbs-block.atbs-custom-margin-top-0 { margin-top: 0 } .atbs-block.atbs-custom-margin-bottom-0 { margin-bottom: 0 } } /** Spacing heading **/ @media (min-width: 576px) { .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-100 { margin-bottom: 100px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-95 { margin-bottom: 95px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-90 { margin-bottom: 90px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-85 { margin-bottom: 85px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-80 { margin-bottom: 80px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-75 { margin-bottom: 75px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-70 { margin-bottom: 70px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-65 { margin-bottom: 65px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-60 { margin-bottom: 60px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-55 { margin-bottom: 55px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-50 { margin-bottom: 50px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-45 { margin-bottom: 45px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-40 { margin-bottom: 40px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-35 { margin-bottom: 35px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-30 { margin-bottom: 30px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-25 { margin-bottom: 25px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-20 { margin-bottom: 20px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-15 { margin-bottom: 15px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-10 { margin-bottom: 10px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-5 { margin-bottom: 5px } .atbs-block.atbs-block-custom-margin .block-heading.atbs-custom-margin-bottom-0 { margin-bottom: 0px } } /*@end file 5*/ .atbs-pagination { margin-top: 40px; } @media (min-width: 768px) { .atbs-pagination { margin-top: 60px; } } .pagination-circle .atbs-pagination__item { width: 28px; height: 28px; min-width: 28px; line-height: 28px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: transparent; color: rgba(34, 34, 34, 0.6); font-weight: normal; font-size: 15px; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; } .pagination-circle .atbs-pagination__item:hover, .pagination-circle .atbs-pagination__item:focus { background-color: var(--color-primary); color: #fff; } .pagination-circle .atbs-pagination__item.atbs-pagination__item-current { background-color: var(--color-primary); color: #fff; -webkit-box-shadow: 0px 6px 13px 0 rgba(6, 97, 241, 0.2); -moz-box-shadow: 0px 6px 13px 0 rgba(6, 97, 241, 0.2); box-shadow: 0px 6px 13px 0 rgba(6, 97, 241, 0.2); } .pagination-circle .atbs-pagination__item.atbs-pagination__item-next, .pagination-circle .atbs-pagination__item.atbs-pagination__item-prev { width: auto; background-color: transparent; font-size: 15px; } .pagination-circle .atbs-pagination__item.atbs-pagination__item-next:hover, .pagination-circle .atbs-pagination__item.atbs-pagination__item-prev:hover, .pagination-circle .atbs-pagination__item.atbs-pagination__item-next:focus, .pagination-circle .atbs-pagination__item.atbs-pagination__item-prev:focus { color: var(--color-primary); } /*@end file 6*/ /*--------------------------------- header */ .site-wrapper:not(.atbs-dark-mode) .logo-dark-mode, .atbs-dark-mode .logo-light-mode:not(:only-child) { display: none; } .navigation-bar__section.lwa { margin-bottom: 0; } .navigation-bar-btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .navigation-bar__section > *:not(:first-child) { margin-left: 10px; } .sticky-header .navigation-bar-btn.bk-lwa + .navigation-bar-btn.search-toggle { margin-left: 0; } .top-bar { position: relative; } .top-bar--fullwidth { border-bottom-color: var(--color-border); } .top-bar__nav .navigation .sub-menu { padding: 0; border: 0; top: 100%; right: auto; bottom: auto; left: auto; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1), 0 10px 20px rgba(0, 0, 0, .03), 0 6px 6px rgba(0, 0, 0, .05); -moz-box-shadow: 0 0 4px rgba(0,0,0,.1), 0 10px 20px rgba(0, 0, 0, .03), 0 6px 6px rgba(0, 0, 0, .05); box-shadow: 0 0 4px rgba(0,0,0,.1), 0 10px 20px rgba(0, 0, 0, .03), 0 6px 6px rgba(0, 0, 0, .05); } .top-bar__nav .navigation .sub-menu .sub-menu { margin-top: 0; top: 15px; left: 100%; } .top-bar__nav .navigation .sub-menu li { padding: 0 15px; } .top-bar__nav .navigation .sub-menu li:hover { background: var(--color-primary); } /*.top-bar__nav .navigation .sub-menu li:focus-within { background: var(--color-primary); }*/ .top-bar__nav .navigation .sub-menu li a:focus { outline: 0; } .top-bar__nav .navigation .sub-menu li > a { padding: 12px 0; } .top-bar__nav .navigation .sub-menu li:hover > a{ background: none; color: #fff; } /*.top-bar__nav .navigation .sub-menu li:focus-within > a { background: none; color: #fff; }*/ .sub-menu .menu-item > a { outline: 0; } .site-header #atbs-mobile-header .logo-text { font-size: 1.8571rem; /* 26px */ font-weight: 900; line-height: 50px; } .site-header .navigation-bar .offcanvas-menu-toggle i { font-size: 24px; } .navigation--main > li > a:focus { outline: 0; } .navigation--main .atbs-mega-menu .menu-item > a:focus-visible { outline: 2px dotted var(--color-primary); } .navigation--main .atbs-mega-menu .menu-item > a:-moz-focusring { outline: 2px dotted var(--color-primary); } .navigation--main li > .sub-menu .sub-menu { top: 10px; margin-left: 0; } .navigation--main .sub-menu > li.menu-item-has-children > a::after, .navigation--main .sub-menu-inner > ul > li.menu-item-has-children > a::after { right: -15px; } .top-bar__nav .navigation li.menu-item-has-left-sub-menu > .sub-menu, .navigation--main li.menu-item-has-left-sub-menu > .sub-menu { right: 100%; left: auto; } .navigation--main > li > .sub-menu li.menu-item-has-left-sub-menu { padding-left: 25px; padding-right: 15px; } .navigation--main .sub-menu > li.menu-item-has-left-sub-menu > a { padding-right: 0; padding-left: 20px; } .menu-item-has-left-sub-menu > .sub-menu > .menu-item-has-children:not(.menu-item-has-left-sub-menu) > .sub-menu, .menu-item-has-children:not(.menu-item-has-left-sub-menu) > .sub-menu > .menu-item-has-left-sub-menu > .sub-menu { top: -webkit-calc(100% - 20px); top: -moz-calc(100% - 20px); top: calc(100% - 20px); } .navigation--main .sub-menu li.menu-item-has-children.menu-item-has-left-sub-menu > a::after, .navigation--main .sub-menu-inner > ul li.menu-item-has-left-sub-menu.menu-item-has-children > a::after { content: '\e408'; right: auto; left: -20px; } .atbs-mega-menu__inner > .sub-menu > li.menu-item.menu-item { border: 0; } .atbs-mega-menu__inner > .sub-menu li.menu-item:hover > .sub-menu, .atbs-mega-menu__inner > .sub-menu li.menu-item > a:focus + .sub-menu { -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } .site-header .background-img { z-index: -1; } /*@end file 7*/ /*----------------------- atbs-atoms-search-full-style-2 */ /*---------------------------------------------------------------- ATBS Search Panel -----------------------------------------------------------------*/ /* Prevent Scrolling */ body.is-atbs-search-panel-opened { /* overflow: hidden; */ } html.no-scroll { margin: 0 !important; /* Fix admin bar */ position: fixed; overflow-y: scroll; width: 100%; } /** Icons **/ .atbs-atoms-icon-close { display: block; width: 40px; height: 2px; background-color: currentColor; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .atbs-atoms-icon-close::before { content: ''; position: absolute; top: 0; left: 50%; background-color: var(--color-text); width: 40px; height: 2px; -webkit-transform: translateX(-50%) rotate(90deg); -moz-transform: translateX(-50%) rotate(90deg); -o-transform: translateX(-50%) rotate(90deg); -ms-transform: translateX(-50%) rotate(90deg); transform: translateX(-50%) rotate(90deg); } @media (max-width: 767px) { .atbs-atoms-icon-close, .atbs-atoms-icon-close::before { width: 35px } } @media (max-width: 480px) { .atbs-atoms-icon-close, .atbs-atoms-icon-close::before { width: 25px } } .atbs-atoms-icon-right-arrow { position: relative; display: block; width: 70px; height: 2px; background-color: currentColor; } .atbs-atoms-icon-right-arrow::before { content: ''; position: absolute; top: 50%; right: 2px; width: 22px; height: 22px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } @media (max-width: 767px) { .atbs-atoms-icon-right-arrow { width: 60px; } .atbs-atoms-icon-right-arrow::before { width: 18px; height: 18px; } } @media (max-width: 480px) { .atbs-atoms-icon-right-arrow { width: 40px; } .atbs-atoms-icon-right-arrow::before { width: 14px; height: 14px; } } /** Animation **/ .slide-in { -webkit-animation: slide-in 300ms ease-out forwards; -moz-animation: slide-in 300ms ease-out forwards; animation: slide-in 300ms ease-out forwards; } @-webkit-keyframes slide-in { from { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes slide-in { from { opacity: 0; -moz-transform: translateY(20px); transform: translateY(20px); } to { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } } @keyframes slide-in { from { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } to { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } .slide-out { -webkit-animation: slide-out 200ms ease-out forwards; -moz-animation: slide-out 200ms ease-out forwards; animation: slide-out 200ms ease-out forwards; } @-webkit-keyframes slide-out { from { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -webkit-transform: translateY(5px); transform: translateY(5px); } } @-moz-keyframes slide-out { from { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -moz-transform: translateY(5px); transform: translateY(5px); } } @keyframes slide-out { from { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); } } /* Layout */ .atbs-atoms-search-full-style-2 { position: fixed; top: 0; right: 0; left: 0; height: 0; background-color: #fff; visibility: hidden; pointer-events: none; z-index: 999; -webkit-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1); transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1); } .atbs-atoms-search-full-style-2.is-open { height: 100vh; visibility: visible; pointer-events: auto; -webkit-transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19); -moz-transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19); transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19); } .admin-bar .atbs-atoms-search-full-style-2 { top: 32px; } .admin-bar .atbs-atoms-search-full-style-2.is-open { height: -webkit-calc(100vh - 32px); height: -moz-calc(100vh - 32px); height: calc(100vh - 32px); } @media screen and (max-width: 782px) { .admin-bar .atbs-atoms-search-full-style-2 { top: 46px; } .admin-bar .atbs-atoms-search-full-style-2.is-open { height: -webkit-calc(100vh - 46px); height: -moz-calc(100vh - 46px); height: calc(100vh - 46px); } } .atbs-atoms-search-full-style-2 .atbs-atoms-search-full__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .atbs-atoms-search-full-style-2 #atbs-atoms-search-close { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; position: absolute; right: 15px; top: 50px; margin: 0; height: 25px; font-size: 20px; cursor: pointer; visibility: hidden; background: transparent; border: 0; cursor: pointer; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transform-origin: center; opacity: 0; z-index: 999; } .atbs-atoms-search-full-style-2.is-open #atbs-atoms-search-close { top: 30px; opacity: 1; visibility: visible; -webkit-transform: rotate(1turn); -moz-transform: rotate(1turn); -o-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, -o-transform; -moz-transition-property: opacity, transform, -moz-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform, -moz-transform, -o-transform; /*transition-delay: 600ms;*/ -webkit-transition-duration: 600ms; -moz-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .atbs-atoms-search-full-style-2 .popular-tags .list-horizontal { margin: -7.5px; } .atbs-atoms-search-full-style-2 .popular-tags .list-horizontal li { padding: 7.5px; } .search-result-posts-grid-1 .col-left { width: 40%; } .search-result-posts-grid-1 .col-right { width: 60%; } .atbs-atoms-search-full-style-2 .atbs-atoms-search-full__form, .atbs-atoms-search-full-style-2 .atbs-atoms-search-full__results { margin: 0 auto; width: 1170px; max-width: 1200px; position: relative; } @media(max-width: 1199px){ .atbs-atoms-search-full-style-2 .atbs-atoms-search-full__form, .atbs-atoms-search-full-style-2 .atbs-atoms-search-full__results { width: 940px; } } @media(max-width: 991px){ .atbs-atoms-search-full-style-2 .atbs-atoms-search-full__form, .atbs-atoms-search-full-style-2 .atbs-atoms-search-full__results { width: 720px; } } @media(max-width: 767px){ .atbs-atoms-search-full-style-2 .atbs-atoms-search-full__form, .atbs-atoms-search-full-style-2 .atbs-atoms-search-full__results { width: 510px; } } @media(max-width: 575px){ .atbs-atoms-search-full-style-2.is-open .atbs-atoms-search-full__inner, .atbs-atoms-search-full-style-2 .atbs-atoms-search-full__form, .atbs-atoms-search-full-style-2 .atbs-atoms-search-full__results { width: 100%; } .atbs-atoms-search-full-style-2.is-open .atbs-atoms-search-full__inner { padding-left: 15px; padding-right: 15px; } } .atbs-atoms-search-full-style-2 .atbs-atoms-search-full__results { -webkit-box-flex: 1; -webkit-flex: auto; -moz-box-flex: 1; -ms-flex: auto; flex: auto; height: 100%; } .atbs-atoms-search-full__results .container-sm { height: 100%; } /* Content */ .atbs-atoms-search-full-style-2 .search-results__inner { overflow-y: scroll; } .atbs-atoms-search-full-style-2 .search-results__inner::-webkit-scrollbar { width: 0; display: none; } .atbs-atoms-search-full-style-2 .search-results__inner { height: 100%; position: relative; /*transform: translateY(20px);*/ opacity: 0; visibility: visible; } .atbs-atoms-search-full-style-2.is-open .search-results__inner { opacity: 1; visibility: visible; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; } .atbs-atoms-search-full-style-2 .search-results__content { padding-right: 5px; padding-bottom: 50px; overflow-x: hidden; overflow-y: auto; left: 0; top: 0; right: 0; bottom: 30px; } .atbs-atoms-search-full-style-2 .search-results__content::-webkit-scrollbar { width: 4px; } .atbs-atoms-search-full-style-2 .search-results__content::-webkit-scrollbar-track { background: transparent; } .atbs-atoms-search-full-style-2 .search-results__content::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); } .atbs-atoms-search-full-style-2 .search-results__content::-webkit-scrollbar-thumb:hover { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25); } /** Transition **/ .atbs-atoms-search-full-style-2 .search-results__content.default { opacity: 1; visibility: visible; pointer-events: auto; /* transition-property: opacity, visibility; transition-duration: 600ms; transition-timing-function: ease-out;*/ -webkit-transition: 0.6s; -o-transition: 0.6s; -moz-transition: 0.6s; transition: 0.6s; } .atbs-atoms-search-full-style-2 .atbs-atoms-search-full__results.is-active .search-results__content.default { opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; } .atbs-atoms-search-full-style-2 .search-results__content:not(.default) { opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; -moz-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: 600ms; -moz-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .atbs-atoms-search-full-style-2 .atbs-atoms-search-full__results.is-active .search-results__content:not(.default) { opacity: 1; visibility: visible; pointer-events: auto; } .atbs-atoms-search-full-style-2 .atbs-atoms-search-full__results.is-active .search-results__content:not(.default) .list-item { -webkit-animation: abc 0.8s forwards -webkit-calc(var(--index) * 0.2s); -moz-animation: abc 0.8s forwards -moz-calc(var(--index) * 0.2s); animation: abc 0.8s forwards calc(var(--index) * 0.2s); opacity: 0 } @-webkit-keyframes abc { 0% { -webkit-transform: translateY(60px); transform: translateY(60px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-moz-keyframes abc { 0% { -moz-transform: translateY(60px); transform: translateY(60px); opacity: 0; } 100% { -moz-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes abc { 0% { -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -o-transform: translateY(60px); transform: translateY(60px); opacity: 0; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } /** Search Form **/ .atbs-atoms-search-full-style-2 .atbs-atoms-search-full__inner { opacity: 0; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } .atbs-atoms-search-full-style-2.is-open .atbs-atoms-search-full__inner { opacity: 1; } .atbs-atoms-search-full-style-2 .atbs-atoms-search-full__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .atbs-atoms-search-full-style-2.is-open:not(.is-active) .atbs-atoms-search-full__inner { opacity: 1; } .atbs-atoms-search-full-style-2 .atbs-atoms-search-full__form .form-group { position: relative; margin-bottom: 0; overflow: hidden; } .atbs-atoms-search-full-style-2 .search-form__input { position: relative; padding: 0; min-height: 60px; background-color: transparent; color: var(--color-text-gray); border: none; border-bottom: 2px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 100px; font-weight: 300; letter-spacing: 5px; -webkit-appearance: textfield; } /*.atbs-atoms-search-full-style-2 .search-form__input:focus-within*/ .atbs-atoms-search-full-style-2 .search-form__input:focus { padding: 0 100px 0 0; outline: none; border: none; border-bottom: 2px solid #ddd; } .atbs-atoms-search-full-style-2 .search-form__submit { position: absolute; top: 0; right: 0; bottom: 0; background: transparent; border: none; font-size: 48px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -o-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, -o-transform; -moz-transition-property: opacity, transform, -moz-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform, -moz-transform, -o-transform; -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } /*.atbs-atoms-search-full-style-2 .search-form__input:focus-within */ .atbs-atoms-search-full-style-2 .search-form__input:focus { border-bottom-color: #ddd; } /*.atbs-atoms-search-full-style-2 .search-form__input:focus-within + .search-form__submit */ .atbs-atoms-search-full-style-2 .search-form__input:focus + .search-form__submit { opacity: 0.5; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); /*pointer-events: none;*/ } .atbs-atoms-search-full-style-2.is-open #atbs-atoms-search-close > i { opacity: 0.5; -webkit-transition: opacity 150ms ease-out; -moz-transition: opacity 150ms ease-out; -o-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; } .atbs-atoms-search-full-style-2.is-open #atbs-atoms-search-close:hover > i, .atbs-atoms-search-full-style-2.is-open .search-form__submit:hover { opacity: 1; } .atbs-atoms-search-full-style-2 .search-form__input::-webkit-placeholder { color: var(--color-text-light); } .atbs-atoms-search-full-style-2 .search-form__input::-webkit-input-placeholder { color: var(--color-text-light); } .atbs-atoms-search-full-style-2 .search-form__input::-moz-placeholder { color: var(--color-text-light); } .atbs-atoms-search-full-style-2 .search-form__input:-ms-input-placeholder { color: var(--color-text-light); } .atbs-atoms-search-full-style-2 .search-form__input::-ms-input-placeholder { color: var(--color-text-light); } .atbs-atoms-search-full-style-2 .search-form__input::placeholder { color: var(--color-text-light); } /** Search Result **/ .atbs-atoms-search-full-style-2 .ajax-search .search-results { display: block; opacity: 1; visibility: visible; padding-top: 80px; max-height: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .atbs-atoms-search-full-style-2.is-active .ajax-search .search-results.is-active { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-height: 100%; } .atbs-atoms-search-full-style-2:not(.is-active) .ajax-search .search-results { max-height: 0; -webkit-box-flex: 0; -webkit-flex: 0; -moz-box-flex: 0; -ms-flex: 0; flex: 0; } .atbs-atoms-search-full-style-2.is-open .atbs-atoms-search-full__inner { padding: 50px 50px 0 50px; } /** Search Result Section **/ .atbs-atoms-search-full-style-2 .search-results__section { margin-bottom: 30px; } .atbs-atoms-search-full-style-2 .search-results__section:last-child { margin-bottom: 0; } /** Search Result Heading **/ .atbs-atoms-search-full-style-2 .search-results__heading { margin-bottom: 40px; font-size: 20px; color: var(--color-primary); letter-spacing: 0; line-height: 1; font-weight: 700; text-transform: uppercase; } .search-results__heading--line-below { position: relative; padding-bottom: 15px; } .search-results__heading--line-below::after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 40px; border-top: 2px solid currentColor; } .data-typing-loader { opacity: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) translateX(-25px); -moz-transform: translateY(-50%) translateX(-25px); -o-transform: translateY(-50%) translateX(-25px); -ms-transform: translateY(-50%) translateX(-25px); transform: translateY(-50%) translateX(-25px); pointer-events: none; } .is-loading .data-typing-loader{ opacity: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .is-loading .search-form__submit { visibility: hidden; opacity: 0; } @media (max-width: 767px) { .data-typing-loader { -webkit-transform: translateY(-50%) translateX(-20px); -moz-transform: translateY(-50%) translateX(-20px); -o-transform: translateY(-50%) translateX(-20px); -ms-transform: translateY(-50%) translateX(-20px); transform: translateY(-50%) translateX(-20px); } .data-typing-loader svg { width: 33px; height: 33px; } } @media (max-width: 480px) { .data-typing-loader { -webkit-transform: translateY(-50%) translateX(-15px); -moz-transform: translateY(-50%) translateX(-15px); -o-transform: translateY(-50%) translateX(-15px); -ms-transform: translateY(-50%) translateX(-15px); transform: translateY(-50%) translateX(-15px); } .data-typing-loader svg { width: 30px; height: 30px; } } /** Popular Searches **/ .atbs-atoms-search-full-style-2 .search-terms-section ul { margin-bottom: -10px; } .atbs-atoms-search-full-style-2 .search-terms-section li { display: inline-block; margin-right: 5px; margin-bottom: 10px; } .atbs-atoms-search-full-style-2 .search-term a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; min-width: 75px; height: 35px; color: #222222; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; font-size: 0.8571rem; text-decoration: none; -webkit-transition-property: background-color, color, border-color; -o-transition-property: background-color, color, border-color; -moz-transition-property: background-color, color, border-color; transition-property: background-color, color, border-color; -webkit-transition-duration: 150ms; -moz-transition-duration: 150ms; -o-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .atbs-atoms-search-full-style-2 .search-term a:hover { background-color: var(--color-primary); color: var(--color-white); border-color: var(--color-primary); } /** Popular Tags **/ .atbs-atoms-search-full-style-2 .entry-tags li { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #5c5c5c; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; } .atbs-atoms-search-full-style-2 .entry-tags { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .atbs-atoms-search-full-style-2 .post-tag { position: relative; } .atbs-atoms-search-full-style-2 .category-tile__wrap { margin-top: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .atbs-atoms-search-full-style-2 .category-tile--sm .category-tile__inner { min-width: 200px; } /** Search Recent Posts **/ .post--card-sm .post__title { font-size: 18px; font-size: 1.2857rem; /*font system*/ line-height: 1.44; } .post--card-sm a.post__cat { margin-bottom: 15px; } /* Responsive */ @media (min-width: 1025px) { /* Content */ .search-result-posts-grid-1 .post--overlay-tiny .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.4; } } @media (max-width: 1199px) and (min-width: 992px) { /** Search Recent Posts **/ .search-result-posts-grid-1 .post--overlay-tiny .post__title { font-size: 18px; font-size: 1.2857rem; } } @media (max-width: 991px) { /* Layout */ .posts-list-horizontal-style-2.flexbox-wrap-2i > * { width: 100%; } /* Content */ .atbs-atoms-search-full-style-2 .search-form__input { font-size: 80px; } .atbs-atoms-search-full-style-2 .search-results__content { padding-right: 0; } } @media (max-width: 991px) and (min-width: 576px) { /* Content */ .search-result-posts-grid-1 .post--overlay-tiny .post__text { min-height: 360px; } .search-result-posts-grid-1 .post--overlay-tiny .post__title { font-size: 20px; font-size: 1.4285rem; /*font system*/ line-height: 1.4; } } @media (max-width: 767px) { /* Layout */ .search-result-posts-grid-1 [class ^="col-"] { width: 50%; } /* Content */ .atbs-atoms-search-full-style-2.is-open #atbs-atoms-search-close { top: 10px; } /*.atbs-atoms-search-full-style-2 .search-form__input:focus-within*/ .atbs-atoms-search-full-style-2 .search-form__input, .atbs-atoms-search-full-style-2 .search-form__input:focus { border-width: 3px; font-size: 50px; letter-spacing: 2px; } } @media (max-width: 575px) { /* Layout */ .search-result-posts-grid-1 { margin: -20px; } .search-result-posts-grid-1 [class ^="col-"] { padding: 20px; width: 100%; } } @media (max-width: 575px) and (min-width: 481px) { /* Content */ .search-result-posts-grid-1 .post--overlay-tiny .post__text { min-height: 280px; } .search-result-posts-grid-1 .post--overlay-tiny .post__title { font-size: 18px; font-size: 18px; font-size: 1.2857rem; } } @media (max-width: 480px) { /* Content */ .atbs-atoms-search-full-style-2 .search-form__input, .atbs-atoms-search-full-style-2 .search-form__input:focus, .atbs-atoms-search-full-style-2 .search-form__input:focus-within { border-width: 2px; font-size: 40px; } .atbs-atoms-search-full-style-2 .search-results__heading { font-size: 18px; font-weight: 600; } } @media (max-width: 420px) { /* Content */ .atbs-atoms-search-full-style-2 .search-form__input, .atbs-atoms-search-full-style-2 .search-form__input:focus, .atbs-atoms-search-full-style-2 .search-form__input:focus-within { font-size: 35px; } } @media (max-width: 380px) { /* Content */ .atbs-atoms-search-full-style-2 .search-form__input, .atbs-atoms-search-full-style-2 .search-form__input:focus, .atbs-atoms-search-full-style-2 .search-form__input:focus-within { font-size: 24px; } .atbs-atoms-search-full-style-2 .ajax-search .search-results { padding-top: 60px; } } @media (max-width: 480px) { .atbs-atoms-search-full-style-2.is-active .atbs-atoms-search-full__inner { padding: 6.666666666666667vw 10.41666666666667vw 0 10.41666666666667vw; } } /* .atbs-atoms-search-full-style-2 ----------------------- */ /*@end file 8*/ /*---------------------------------------------------------------- ATBS Theme Switch -----------------------------------------------------------------*/ .atbs-theme-switch { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 4px 0; width: 56px; height: 36px; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; cursor: pointer; z-index: 2; background: none; outline: none; border: none; -webkit-transition: 300ms ease; -o-transition: 300ms ease; -moz-transition: 300ms ease; transition: 300ms ease; } .atbs-theme-switch::before { content: ''; position: absolute; height: 50%; left: 0; right: 0; background: #eee; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; z-index: -1; -webkit-transition: 300ms ease; -o-transition: 300ms ease; -moz-transition: 300ms ease; transition: 300ms ease; } .atbs-theme-switch__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 4px 6px 6px 6px; width: 28px; height: 28px; background: var(--color-primary); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; vertical-align: middle; overflow: hidden; } .atbs-theme-switch:hover .atbs-theme-switch__inner { -webkit-box-shadow: 0 0 0 8px rgba(50, 199, 105, .1); -moz-box-shadow: 0 0 0 8px rgba(50, 199, 105, .1); box-shadow: 0 0 0 8px rgba(50, 199, 105, .1); } .atbs-theme-switch:focus .atbs-theme-switch__inner { -webkit-box-shadow: 0 0 0 8px rgba(50, 199, 105, .15); -moz-box-shadow: 0 0 0 8px rgba(50, 199, 105, .15); box-shadow: 0 0 0 8px rgba(50, 199, 105, .15); } .atbs-theme-switch:active .atbs-theme-switch__inner { -webkit-box-shadow: 0 0 0 8px rgba(50, 199, 105, .2); -moz-box-shadow: 0 0 0 8px rgba(50, 199, 105, .2); box-shadow: 0 0 0 8px rgba(50, 199, 105, .2); } .atbs-theme-switch:focus { outline: none; } .atbs-theme-switch svg { width: 16px; height: 16px; fill: #fff; vertical-align: middle; -webkit-transition: fill 300ms ease; -o-transition: fill 300ms ease; -moz-transition: fill 300ms ease; transition: fill 300ms ease; } .atbs-theme-switch__inner { -webkit-transition: background 300ms ease, -webkit-transform 300ms ease, -webkit-box-shadow 200ms ease; transition: background 300ms ease, -webkit-transform 300ms ease, -webkit-box-shadow 200ms ease; -o-transition: background 300ms ease, box-shadow 200ms ease, -o-transform 300ms ease; -moz-transition: transform 300ms ease, background 300ms ease, box-shadow 200ms ease, -moz-transform 300ms ease, -moz-box-shadow 200ms ease; transition: transform 300ms ease, background 300ms ease, box-shadow 200ms ease; transition: transform 300ms ease, background 300ms ease, box-shadow 200ms ease, -webkit-transform 300ms ease, -moz-transform 300ms ease, -o-transform 300ms ease, -webkit-box-shadow 200ms ease, -moz-box-shadow 200ms ease; } .atbs-theme-switch__inner > * { -webkit-transition: -webkit-transform 300ms ease-out; transition: -webkit-transform 300ms ease-out; -o-transition: -o-transform 300ms ease-out; -moz-transition: transform 300ms ease-out, -moz-transform 300ms ease-out; transition: transform 300ms ease-out; transition: transform 300ms ease-out, -webkit-transform 300ms ease-out, -moz-transform 300ms ease-out, -o-transform 300ms ease-out; } .atbs-theme-switch__inner > *:not(:first-child) { margin-left: 6px; } .atbs-theme-switch.is-active::before { background-color: #555; } .atbs-theme-switch.is-active .atbs-theme-switch__inner { background: #fff; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .atbs-theme-switch.is-active:hover .atbs-theme-switch__inner { -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, .05); -moz-box-shadow: 0 0 0 8px rgba(255, 255, 255, .05); box-shadow: 0 0 0 8px rgba(255, 255, 255, .05); } .atbs-theme-switch.is-active:focus .atbs-theme-switch__inner { -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, .1); -moz-box-shadow: 0 0 0 8px rgba(255, 255, 255, .1); box-shadow: 0 0 0 8px rgba(255, 255, 255, .1); } .atbs-theme-switch.is-active:active .atbs-theme-switch__inner { -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, .2); -moz-box-shadow: 0 0 0 8px rgba(255, 255, 255, .2); box-shadow: 0 0 0 8px rgba(255, 255, 255, .2); } .atbs-theme-switch.is-active .atbs-theme-switch__inner > * { -webkit-transform: translateX(-webkit-calc(-100% - 6px)); -moz-transform: translateX(-moz-calc(-100% - 6px)); -ms-transform: translateX(calc(-100% - 6px)); -o-transform: translateX(calc(-100% - 6px)); transform: translateX(calc(-100% - 6px)); } .atbs-theme-switch.is-active svg { fill: #555; } /* -------------- */ .mobile-header .atbs-theme-switch { margin: 0 4px; } /*@end file 9*/ /*---------------------------------------------------------------- Header Style Default -----------------------------------------------------------------*/ .site-header { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .header-main { position: relative; padding: 55px 0 55px 0; } .navigation-bar { height: 70px; } .navigation-bar--fullwidth .navigation-bar__inner { height: 70px; } .header-default .site-header .navigation-bar-btn { padding: 0; } .navigation-bar-btn:(.bk-lwa):first-child { padding-left: 0; } .navigation--main > li > a { padding: 0 20px; height: 70px; line-height: 70px; font-weight: 600; font-size: 14px; color: rgba(34, 34, 34, 1); } .navigation--main > li > a::before { bottom: 0; top: auto; background-color: var(--color-primary); } .site-header .header-logo a { display: block; } .navigation-bar .header-logo img { max-height: 115px; padding: 20px 0; } .site-logo .logo-text { font-size: 1.8571rem; /* 26px */ font-weight: 900; line-height: 1; } .header-default .site-header .logo-text, .header-1 .site-header .logo-text, .header-2 .site-header .logo-text { font-size: 5.5714rem; /* 78px */ line-height: 5.5714rem; } .header-3 .site-header .logo-text { font-size: 3.4285rem; /* 48px */ line-height: 5.5714rem; } .sticky-header .logo-text { font-size: 28px; font-weight: 900; line-height: 60px; } .navigation--offcanvas > li > a { text-transform: unset; font-size: 16px; padding: 10px 20px; } .atbs-offcanvas .site-logo a { text-decoration: none; } .atbs-offcanvas .logo-text { font-size: 36px; font-weight: 800; line-height: 70px; } .sticky-header .navigation-bar { height: 70px; } .sticky-header .navigation-bar--fullwidth .navigation-bar__inner { height: 70px; } .sticky-header .navigation--main > li > a { height: 70px; line-height: 70px; } .sticky-header .navigation-bar .header-logo img { max-height: 70px; padding: 3px 0; } /* ------------------- Mega Menu */ .navigation--main .sub-menu li { -webkit-transition: background 0.3s ease; -o-transition: background 0.3s ease; -moz-transition: background 0.3s ease; transition: background 0.3s ease; } .navigation--main .sub-menu li:hover { background-color: var(--color-primary); } .navigation--main .sub-menu li:focus-within { background-color: var(--color-primary); } .atbs-mega-menu .posts-list.atbs-megamenu-normal-wrap > li { padding: 0px 15px; } .navigation--main .sub-menu li a, .navigation--main .atbs-mega-menu .sub-menu .menu-item-has-children .sub-menu a { /*transition: 0.3s ease-in-out all;*/ position: relative; } .navigation--main .sub-menu .sub-menu li:hover > a, .navigation--main .sub-menu .sub-menu li > a:focus, .navigation--main .sub-menu li:hover > a, .navigation--main .sub-menu li > a:focus { color: #fff; } .navigation--main .sub-menu .sub-menu li:focus-within > a, .navigation--main .sub-menu li:focus-within > a { color: #fff; } /*.navigation--main .sub-menu li:hover > a, .navigation--main .atbs-mega-menu .sub-menu .menu-item-has-children .sub-menu ul > li > a:hover { padding-left: 16px; }*/ /* .navigation--main .sub-menu li > a::before, .navigation--main .atbs-mega-menu .sub-menu .menu-item-has-children .sub-menu ul > li > a::before { content: ""; position: absolute; width: 6px; height: 6px; background-color: var(--color-primary); top: 50%; left: -16px; opacity: 0; transform: translateY(-50%); transition: 0.3s ease-in-out; } .navigation--main .sub-menu li:hover > a::before, .navigation--main .atbs-mega-menu .sub-menu .menu-item-has-children .sub-menu ul > li:hover > a::before { left: 0; opacity: 1; } */ .atbs-vertical-megamenu .post__thumb { height: 130px; width: 100%; margin-bottom: 20px; } .atbs-vertical-megamenu .post__title { font-weight: 600; line-height: 1.6; max-height: 4.8em; overflow: hidden; } .atbs-mega-menu .posts-list.atbs-megamenu-wrap { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; } .atbs-mega-menu .posts-list.atbs-megamenu-wrap > li { max-width: 25%; -webkit-box-flex: 1; -ms-flex: auto; -webkit-flex: auto; -moz-box-flex: 1; flex: auto; position: relative; padding: 30px; } .atbs-mega-menu .posts-list.atbs-megamenu-wrap > li:nth-child(5)::before { content: ""; position: absolute; width: -webkit-calc(400% - 30px); width: -moz-calc(400% - 30px); width: calc(400% - 30px); top: 0; left: 15px; height: 1px; background-color: rgba(0, 0, 0, 0.1); } .atbs-mega-menu .posts-list.atbs-megamenu-wrap > li:nth-child(n+1) { padding-left: 15px; padding-right: 15px; } .atbs-mega-menu .posts-list.atbs-megamenu-wrap > li:nth-child(n+5) { padding-left: 15px; padding-right: 15px; padding-bottom: 0; } .atbs-mega-menu .post__title, .atbs-mega-menu .post__title a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; text-transform: initial; } .atbs-mega-menu .post__meta { font-weight: 400; } .atbs-megamenu-wrap .post--horizontal .post__text { -ms-flex-item-align: unset; -ms-grid-row-align: unset; -webkit-align-self: unset; align-self: unset; } .atbs-megamenu-wrap .post--vertical .post__thumb { margin-bottom: 20px; } .navigation--main .sub-menu li:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .navigation--main .sub-menu .sub-menu li:hover > a, .navigation--main .sub-menu .sub-menu li > a:focus { background: none; } .navigation--main .sub-menu a { padding: 15px 0; } .navigation--main .atbs-mega-menu .sub-menu li:hover { background: none; } .navigation--main .atbs-mega-menu .sub-menu li:focus-within { background: none; } .atbs-mega-menu__inner > .sub-menu > li:hover > a { padding-left: 0; } .atbs-mega-menu__inner > .sub-menu > li:hover > a::before { display: none; } .navigation--main .atbs-mega-menu .sub-menu > li:hover > a, .navigation--main .atbs-mega-menu .sub-menu > li > a:focus { color: var(--color-primary); } .navigation--main .atbs-mega-menu .sub-menu > li:focus-within > a { color: var(--color-primary); } .atbs-mega-menu__inner.megamenu-style-4-wrap .sub-categories { margin-top: 0; } .atbs-mega-menu__inner.megamenu-style-4-wrap { padding-bottom: 30px; } .megamenu-1st-large .big-post .post--overlay-bottom .post__text-inner { padding: 30px; } /* .megamenu-style-4*/ .megamenu-style-4 .list-main { padding-right: 30px; } .megamenu-style-4 .list-main { width: -webkit-calc(100% - 390px); width: -moz-calc(100% - 390px); width: calc(100% - 390px); } .megamenu-style-4 .list-sub { width: 390px; } .atbs-mega-menu .megamenu-style-4 { margin-left: -20px; margin-right: -20px; margin-top: -20px; } .atbs-mega-menu .megamenu-style-4 { margin-bottom: 30px; border-bottom: 1px solid var(--color-border); } .atbs-mega-menu .megamenu-style-4 .list-sub { border-left: 1px solid var(--color-border); } .atbs-mega-menu .megamenu-style-4:last-child { margin-bottom: -30px; } .megamenu-style-4 .list-sub .atbs-post-hover-theme-style { padding: 30px; } .megamenu-style-4 .list-sub .atbs-post-hover-theme-style:not(.custom-color-black):hover .post__cat, .megamenu-style-4 .list-sub .atbs-post-hover-theme-style:not(.custom-color-black):hover time.time, .megamenu-style-4 .list-sub .atbs-post-hover-theme-style:not(.custom-color-black):hover .post__title a { color: #fff !important; } .megamenu-style-4 .list-sub .atbs-post-hover-theme-style:hover { background-color: var(--color-primary); } .megamenu-style-4 .list-sub > .list-item:not(:last-child) { border-bottom: 1px solid var(--color-border); } .megamenu-style-4 .post__thumb-390.post__thumb--width-390.post--horizontal { height: 100%; } .megamenu-style-4 .post__thumb-390.post__thumb--width-390.post--horizontal .post__thumb { height: 100%; min-height: 390px; } @media(max-width: 1199px) { .megamenu-style-4 .post__thumb-390.post__thumb--width-390.post--horizontal .post__thumb { width: 340px; min-height: 340px; } .megamenu-style-4 .list-main { width: -webkit-calc(100% - 340px); width: -moz-calc(100% - 340px); width: calc(100% - 340px); } .megamenu-style-4 .list-sub { width: 340px; } } .atbs-mega-menu ul.sub-categories li a.post__cat, .megamenu-style-4-wrap ul.sub-categories li a.post__cat { margin-bottom: 0; } .atbs-mega-menu ul.sub-categories li, .megamenu-style-4-wrap ul.sub-categories li { padding: 4px; } .atbs-mega-menu ul.sub-categories, .megamenu-style-4-wrap ul.sub-categories { margin: -4px; } .atbs-mega-menu ul.sub-categories { margin-top: 20px; } .megamenu-style-3 + ul.sub-categories { margin-top: 16px; } /* */ .atbs-mega-menu ul.sub-categories li a.post__cat { background: none !important; color: #222 !important; border: 1px solid rgba(0, 0, 0, 0.1); } .atbs-mega-menu ul.sub-categories li:hover a.post__cat, .atbs-mega-menu ul.sub-categories li a.post__cat:focus, .atbs-mega-menu ul.sub-categories li.active:hover a.post__cat, .atbs-mega-menu ul.sub-categories li.active a.post__cat { background: var(--color-primary) !important; color: #fff !important; outline: none; } .header-4 .navigation--main li > .atbs-mega-menu, .sticky-header .navigation--main li > .atbs-mega-menu { right: unset; left: 50%; max-width: 1170px; width: 1170px; -webkit-transform: translateX(-50%) scale(1, 0.9); -moz-transform: translateX(-50%) scale(1, 0.9); -ms-transform: translateX(-50%) scale(1, 0.9); -o-transform: translateX(-50%) scale(1, 0.9); transform: translateX(-50%) scale(1, 0.9); -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -o-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; -moz-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; } .header-4 .navigation--main li:hover > .atbs-mega-menu, .header-4 .navigation--main li:focus > .atbs-mega-menu, .sticky-header .navigation--main li:hover > .atbs-mega-menu, .sticky-header .navigation--main li:focus > .atbs-mega-menu { -webkit-transform: translateX(-50%) scale(1, 1); -moz-transform: translateX(-50%) scale(1, 1); -ms-transform: translateX(-50%) scale(1, 1); -o-transform: translateX(-50%) scale(1, 1); transform: translateX(-50%) scale(1, 1); } @media(max-width: 1199px) { .header-4 .navigation--main li > .atbs-mega-menu, .sticky-header .navigation--main li > .atbs-mega-menu { max-width: 940px; width: 940px; } } /* .Mega Menu ------------------- */ /*@end file 10*/ /*---------------------------------------------------------------- Header Style 1 -----------------------------------------------------------------*/ /*@end file 11*/ /*---------------------------------------------------------------- Header Style 2 -----------------------------------------------------------------*/ @media (min-width: 992px) { .header-2 .header-main { padding-top: 50px; padding-bottom: 50px; } } .header-2 .header-main + .navigation-bar { border-top: 1px solid rgba(0,0,0,0.05); } /*@end file 12*/ /*---------------------------------------------------------------- Header Style 3 -----------------------------------------------------------------*/ .header-3 .site-header .navigation-bar .navigation-bar__inner { padding-left: 10px; padding-right: 10px; background: #f9f9f9; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .header-3 .site-header .navigation-bar--inverse .navigation-bar__inner { background: #1b1d1c; } .header-3 .site-header .offcanvas-menu-toggle { padding-left: 10px; } /*@end file 13*/ /*---------------------------------------------------------------- Header Style 4 -----------------------------------------------------------------*/ .header-4 .site-header .navigation-bar, .header-4 .site-header .navigation-bar__inner, .header-4 .site-header .navigation-bar-btn, .header-4 .site-header .navigation--main > li > a, .header-5 .site-header .navigation-bar, .header-5 .site-header .navigation-bar__inner, .header-5 .site-header .navigation-bar-btn, .header-5 .site-header .navigation--main > li > a { height: 100px; } .header-4 .site-header .navigation--main > li > a, .header-5 .site-header .navigation--main > li > a { line-height: 100px; } /* .header-5 .navigation--inline, */ .header-4 .navigation--inline { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } /*@end file 14*/ /*---------------------------------------------------------------- Header Style 5 -----------------------------------------------------------------*/ /*@end file 15*/ .navigation--offcanvas li > a::after { border-right-color: var(--color-primary); } .offcanvas-desktop-logo { max-width: -webkit-calc(100% - 45px); max-width: -moz-calc(100% - 45px); max-width: calc(100% - 45px); } /*@end file 16*/ .site-footer .navigation--inline { display: block; } /*@end file 17*/ /*---------------------------------------------------------------- Footer Style Default -----------------------------------------------------------------*/ .footer-default:not(.site-footer--inverse) { background-color: transparent; } .site-footer--inverse .site-footer-row:nth-child(2) { } .site-logo a:hover, .site-logo a:focus, .site-logo a { text-decoration: none; } .site-footer-row:not(:last-child) { margin-bottom: 30px; } .navigation--footer { margin-left: -20px; margin-right: -20px; } .navigation--footer > li { padding-left: 20px; padding-right: 20px; } .navigation--footer > li > a { color: var(--color-text); font-size: 13px; font-weight: 700; opacity: 0.9; text-transform: uppercase; line-height: 1.5; } .navigation--footer > li > a:hover, .navigation--footer > li > a:focus { color: var(--color-primary); } .site-footer .social-list > li > a { font-size: 19px; text-align: center; color: rgba(0,0,0,0.6); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } /*.site-footer .social-list > li:not(:last-child) > a { margin-right: 10px; } */ /*.site-footer .social-list > li > a:hover, .site-footer .social-list > li > a:focus { color: rgba(255,255,255,0.8); background-color: var(--color-primary); }*/ .site-footer--inverse a{ color: rgba(255, 255, 255, 0.9); } .site-footer--inverse .social-list > li > a { color: rgba(255, 255, 255, 0.9); } .site-footer--inverse a:hover, .site-footer--inverse a:focus, .site-footer--inverse .social-list > li > a:hover, .site-footer--inverse .social-list > li > a:focus { color: #fff; } .site-footer__section { padding-bottom: 30px; } @media (max-width: 991px) { .site-footer__section-inner:not(:last-child) { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; } .site-footer__section-inner { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { .site-footer .social-list { width: 100%; margin-bottom: 25px; } .site-footer.footer-default .social-list { margin-top: 25px; } .site-footer .site-footer-row:nth-child(2) { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 575px) { .navigation--footer { margin-left: -15px; margin-right: -15px; } .navigation--footer > li { padding-left: 15px; padding-right: 15px; } } /*@end file 18*/ /* Slide bar -- frame*/ .widget { margin-bottom: 55px; } .widget__title { margin-bottom: 35px; } .widget__title-text { font-size: 1.2857rem; /* 18px */ font-weight: 600; text-transform: initial; letter-spacing: 0; } /*--frame*/ .atbs-main-col { width: 900px; } .atbs-sub-col { width: 300px; } @media (min-width:1200px) { /* post main*/ .atbs-main-col { width: 900px; } /* slide bar*/ .atbs-sub-col { width: 300px; float: right; } } @media (max-width: 1199px) { /* main*/ .atbs-main-col { width: 680px; } /*sub*/ .atbs-sub-col { width: 290px; } } @media (max-width: 991px) { /* All */ .atbs-main-col { width: 100%; padding-right: 15px; } .atbs-sub-col { width: 100%; float: left; } .widget:not(:last-child) { margin-bottom: 45px; } } @media (max-width: 767px) { .widget:not(:last-child) { margin-bottom: 40px; } .widget__title { margin-bottom: 30px; } } @media (max-width: 420px) { .atbs-widget-posts-list .posts-list { max-width: 90%; width: 100%; } .post--overlay-review.post--overlay .post__text { min-height: 230px; } } /*@end file 19*/ /*---------------------------------------------------------------- Widget Default -----------------------------------------------------------------*/ /*---- Widget Recent Posts ----*/ .widget_recent_entries li:not(:last-child) { margin-bottom: 30px; } .widget_recent_entries li { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .widget_recent_entries li > a { display: block; font-size: 16px; font-size: 1.1428rem; /* 16px */ font-weight: 500; } .widget_recent_entries .post-date { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-bottom: 7.5px; color: var(--color-meta); font-size: 12px; font-size: 0.85714rem; line-height: 1.44; text-transform: uppercase; } /*---- Widget Recent Comments ----*/ .widget_recent_comments .recentcomments > a { background: transparent; border-color: var(--color-border); } /*---- Widget RSS ----*/ .widget_rss li { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 25px 0; } .widget_rss a.rsswidget { display: block; margin-bottom: 7.5px; color: var(--color-text); font-size: 16px; font-size: 1.1428rem; line-height: 1.5; font-weight: 500; text-decoration: none; } .widget_rss a.rsswidget:hover, .widget_rss a.rsswidget:focus { color: var(--color-primary); } .widget_rss .rss-date { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-top: 0; margin-bottom: 10px; color: var(--color-meta); font-size: 12px; font-size: 0.85714rem; line-height: 1.44; font-style: normal; font-weight: 300; text-transform: uppercase; } .widget_rss .rssSummary { margin: 0; color: var(--color-excerpt); font-size: 14px; font-weight: 400; line-height: 1.7; opacity: 0.8; } /*---- Widget Tag Cloud ----*/ .tagcloud a { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; min-width: 80px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px 15px; line-height: 1.44; font-size: 1.1428rem; color: rgba(34, 34, 34, 0.8); background-color: transparent; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; font-weight: 400; } .tagcloud a:hover, .tagcloud a:focus { background-color: var(--color-primary); color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tag-link-count { margin-left: 0.25em; } /*---- Widget Calendar ----*/ .widget_calendar .wp-calendar-table { border-spacing: 0; border-collapse: collapse; } .widget_calendar tr { border-bottom: none; } .widget_calendar td { padding: 0.8em; } .widget_calendar caption { font-size: 1.4285rem; /* 20px */ font-weight: 500; } .wp-calendar-nav { padding: 1em 0; } .wp-calendar-nav a { font-weight: 500; text-decoration: none; color: #222222; } .wp-calendar-table, #calendar_wrap, .calendar_wrap, .widget_calendar #today { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .widget_calendar #today { background: -webkit-radial-gradient(center, 2.5em 2.5em, var(--color-primary) 50%, transparent 53%); background: -moz-radial-gradient(center, 2.5em 2.5em, var(--color-primary) 50%, transparent 53%); background: -o-radial-gradient(center, 2.5em 2.5em, var(--color-primary) 50%, transparent 53%); background: radial-gradient(2.5em 2.5em at center, var(--color-primary) 50%, transparent 53%); } .widget_calendar .calendar_wrap { padding: 0 1px; } .wp-calendar-table { border: 0 !important; -webkit-box-shadow: 0 0 0 1px var(--color-border); -moz-box-shadow: 0 0 0 1px var(--color-border); box-shadow: 0 0 0 1px var(--color-border); } .widget_calendar td a::before { background-color: var(--color-primary); } /*---- Widget Gallery ----*/ .widget_media_gallery .gallery { margin: -1.79104477% !important; } .widget_media_gallery .gallery-item img { border: 0 !important; } .widget_media_gallery .gallery-item { margin: 0 !important; } /*---- Widget Search ----*/ .widget_search .search-form { position: relative; max-width: 270px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .widget_search .search-form__submit { position: absolute; top: 50%; right: 0; bottom: auto; left: auto; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); padding: 6px 10px; background: transparent; border: none; outline: 0; color: rgba(0, 0, 0, 0.4); } .widget_search .search-form__submit i { font-size: 20px; } /*---- Widget Login with Ajax ----*/ .widget_loginwithajaxwidget .lwa-info { line-height: 2.4; } .widget_loginwithajaxwidget .lwa-info a { display: inline-block; text-decoration: none; color: var(--color-text); } .widget_loginwithajaxwidget .lwa-info a:hover, .widget_loginwithajaxwidget .lwa-info a:focus { color: var(--color-links-hover); } .widget_loginwithajaxwidget .lwa-info a::first-letter { text-transform: uppercase; } .widget_loginwithajaxwidget tr { border-bottom: none; } .widget_loginwithajaxwidget .lwa-avatar { width: 75px; } .widget_loginwithajaxwidget .avatar { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; vertical-align: middle; } .widget_loginwithajaxwidget .lwa-password { margin-bottom: 20px; } .widget_loginwithajaxwidget tr.lwa-username td, .widget_loginwithajaxwidget tr.lwa-password td { padding-bottom: 15px; } .widget_loginwithajaxwidget .lwa-links-remember { display: inline-block; margin-top: 2px; color: var(--color-text-gray); } .widget_loginwithajaxwidget .lwa-submit-button input { width: initial; } .widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn { position: relative; text-align: left; height: auto; } .widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn table, .widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn td { margin: 0; padding: 0; } .widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn .avatar { line-height: 0; vertical-align: top; } .widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn .bk-account-info { top: -webkit-calc(100% + 10px); top: -moz-calc(100% + 10px); top: calc(100% + 10px); left: 0; } .widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn:hover .bk-account-info, .widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn:focus .bk-account-info { visibility: visible; opacity: 1; } /*.widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn:focus-within .bk-account-info { visibility: visible; opacity: 1; }*/ /*---- Text Widget ---*/ .widget_text ol, .widget_text ul { padding-left: 20px; } /*---- Responsive ---*/ @media (max-width: 991px) { /*---- Widget Search ----*/ .widget_search .search-form { margin: 0 auto; max-width: 420px; } } @media (max-width: 991px) and (min-width: 481px) { /*---- Widget Recent Posts ----*/ .widget_recent_entries ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: -15px; } .widget_recent_entries li { padding: 15px; width: 50%; } .widget_recent_entries li:not(:last-child) { margin-bottom: 0; } /*---- Widget Login with Ajax ----*/ .widget_loginwithajaxwidget .lwa-divs-only .lwa-username, .widget_loginwithajaxwidget .lwa-divs-only .lwa-password { float: left; width: -webkit-calc(50% - 15px); width: -moz-calc(50% - 15px); width: calc(50% - 15px); } .widget_loginwithajaxwidget .lwa-divs-only .lwa-password { float: right; } .widget_loginwithajaxwidget .lwa-divs-only .lwa-password .input { margin-top: 5px; } .widget_loginwithajaxwidget .lwa-divs-only .lwa-password + * { clear: both; } } @media (max-width: 991px) and (min-width: 768px) { .calendar_wrap { max-width: 480px; margin-left: auto; margin-right: auto; } .widget_rss ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -25px -15px; } .widget_rss ul li, .widget_rss ul li:first-child { width: 50%; padding: 25px 15px; } .widget_rss li:nth-child(2) { border-top: 0; } } @media (max-width: 767px) and (min-width: 481px) { .widget_loginwithajaxwidget .lwa-divs-only .lwa-username, .widget_loginwithajaxwidget .lwa-divs-only .lwa-password { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); } } /*@end file 20*/ /*---- Widget About ----*/ .atbs-widget-about .widget__inner { } .atbs-widget-about .author__avatar { max-width: 350px; margin: 0 auto 25px; padding: 0 25px; } .atbs-widget-about .author__avatar img { width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .atbs-widget-about .author__name { margin-bottom: 15px; } .atbs-widget-about .author__name a { color: var(--color-text); font-size: 1.1428rem; /* 16px */ line-height: 1.5; font-weight: 500; text-decoration: none; text-transform: none; } .atbs-widget-about .author__name a:hover, .atbs-widget-about .author__name a:focus { color: var(--color-links-hover); } .atbs-widget-about .author__text { margin-left: auto; margin-right: auto; margin-bottom: 20px; max-width: 480px; color: var(--color-text-gray); font-size: 13px; line-height: 1.7; font-weight: 300; } .atbs-widget-about .social-list > li > a { padding: 0 .2em; color: var(--color-text-light-gray-opacity); } .atbs-widget-about .social-list > li > a:hover, .atbs-widget-about .social-list > li > a:focus { color: var(--color-primary); } @media (max-width: 991px) and (min-width: 768px) { .atbs-widget-about .author__text, .atbs-widget-about .widget__content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .atbs-widget-about .widget__content { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; } .atbs-widget-about .author__avatar { width: 350px; padding: 0 30px 0 0; margin: 0; } .atbs-widget-about .author__text { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0; max-width: 100%; } .atbs-widget-about .author__name a { font-size: 1.2857rem; /* 18px */ } } /*@end file 21*/ /*---- Widget Category Tile ----*/ .category-tiles-grid-2i { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -12.5px -15px; } .category-tiles-grid-2i .list-item { width: 50%; padding: 12.5px 15px; } .category-tile { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .category-tile__img { height: 100px; margin-bottom: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; } .category-tile__text { padding: 0; line-height: 1; } .category-tile__name { display: block; padding: 0; background: transparent; color: var(--color-text); font-size: 1.1428rem; /* 16px */ font-size: 14px; font-weight: 400; text-transform: none; white-space: normal; overflow: initial; } .category-tile__name a { color: inherit; -webkit-transition: 150ms; -o-transition: 150ms; -moz-transition: 150ms; transition: 150ms; border-bottom: 1px solid transparent; } .category-tile__name:hover a, .category-tile__name a:focus { color: var(--color-links-hover); border-bottom-color: currentcolor; text-decoration: none; } /** Responsive **/ @media (max-width: 991px) and (min-width: 768px) { .category-tiles-grid-2i .list-item { width: 25%; } } @media (max-width: 767px) and (min-width: 421px) { .category-tiles-grid-2i .list-item { width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); } } /*@end file 22*/ /*---- Widget Social Counter ----*/ .social-tile { position: relative; display: block; padding: 15px 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: rgba(0, 0, 0, 0.05); color: #fff; text-decoration: none; overflow: hidden; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .social-tile__inner { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .social-tile::before { background: rgba(255, 255, 255, 0.1); } .social-tile__right { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .social-tile__right .mdicon { display: inline-block; font-size: 1.2857rem; color: var(--color-white); -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .social-tile:hover .social-tile__right .mdicon { -webkit-transform: translate(40%, 0); -moz-transform: translate(40%, 0); -ms-transform: translate(40%, 0); -o-transform: translate(40%, 0); transform: translate(40%, 0); } .social-tile__title { margin: 0; margin-bottom: 5px; color: #fff; font-size: 15px; font-weight: 600; text-transform: uppercase; } .social-tile__count { color: var(--color-white-opacity-60); font-size: 13px; font-size: 0.9285rem; line-height: 1.1; } /*---- Responsive ---*/ @media (max-width: 991px) { .atbs-widget-social-counter .list-space-xs { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px; } .atbs-widget-social-counter .list-space-xs li { padding: 5px; width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); } } @media (max-width: 767px) { .atbs-widget-social-counter .list-space-xs li { width: 50%; } } @media (max-width: 480px) { .atbs-widget-social-counter .list-space-xs li { width: 100%; } } /*@end file 23*/ /*---- Widget Posts List ----*/ .widget-posts-list-style-1[class*="list-seperated"], .widget-posts-list-style-3[class*="list-seperated"] { margin-top: -25px; margin-bottom: -25px; } .widget-posts-list-style-1[class*="list-seperated"] .list-item, .widget-posts-list-style-3[class*="list-seperated"] .list-item { padding-top: 25px; padding-bottom: 25px; } [class*="list-seperated"] > *:not(:last-child) { border-bottom-color: var(--color-border); } .list-seperated-exclude-first > *:first-child { padding-bottom: 0; } .atbs-widget-posts-list .post__thumb { height: 70px; margin-right: 20px; } .atbs-widget-posts-list .post__excerpt { display: none; } .atbs-widget-posts-list .post__title { line-height: 1.5; color: var(--color-text); } .atbs-widget .post__title.typescale-1 { font-weight: 600; } .atbs-widget-indexed-posts-1 .posts-list > li .post__thumb::after { width: 22px; height: 22px; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .widget .post__title[class*="typescale-0"] { font-size: 15px; line-height: 1.5; } .atbs-widget-indexed-posts-3 .list-index { color: var(--color-text); } .atbs-widget .post .media-left { padding-right: 20px; } .atbs-widget-most-commented .post__title { margin-bottom: 10px; } .atbs-widget-most-commented .post__meta .comment-count { color: var(--color-meta); text-transform: uppercase; } @media (max-width: 1199px) { .atbs-widget-posts-list .post--horizontal .post__thumb { float: none; margin: 0 20px 0 0; } .atbs-widget-posts-list .post--horizontal .post__text { -webkit-box-ordinal-group: initial; -webkit-order: initial; -moz-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; } } @media (max-width: 991px) and (min-width: 768px) { .widget-posts-list-style-1, .widget-posts-list-style-2, .widget-posts-list-style-4, .widget_recent_comments ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .widget-posts-list-style-2 > *, .widget-posts-list-style-4 > *, .widget_recent_comments ul > * { width: 50%; } .widget-posts-list-style-1, .widget_recent_comments ul { margin-right: -15px; margin-left: -15px; } .widget-posts-list-style-1 > *, .widget_recent_comments ul > * { padding-left: 15px; padding-right: 15px; } .widget-posts-list-style-2 { margin: -20px -15px; } .widget-posts-list-style-2 > * { padding: 20px 15px; } .widget-posts-list-style-4 { margin: -15px; } .widget-posts-list-style-4 > * { padding: 15px; } .widget-posts-list-style-1[class*="list-seperated"] > *:nth-last-child(2), .widget-posts-list-style-2[class*="list-seperated"] > *:nth-last-child(2) { border-bottom: 0; } .atbs-widget-posts-6 .list-item:first-child { padding-bottom: 30px; } .widget_recent_comments .recentcomments { margin-bottom: 30px; } } @media (max-width: 991px) { .atbs-widget-posts-list .posts-list { margin: 0 -30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .atbs-widget-posts-list .posts-list .list-item { padding: 30px; width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); border: none; } .atbs-widget-posts-list .posts-list .list-item:not(:last-child) { border-right: 1px solid rgba(0, 0, 0, .1); border-bottom: none; } /* Content */ .atbs-widget-posts-list .post--horizontal .post__thumb { float: none; margin: 0 20px 0 0; } .atbs-widget-posts-list .post--horizontal .post__text { -webkit-box-ordinal-group: initial; -webkit-order: initial; -moz-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; } } @media (max-width: 767px) { .atbs-widget-posts-list .list-seperated-25.posts-list { width: 80%; margin: -30px auto; } .atbs-widget-posts-list .list-seperated-25.posts-list .list-item { padding: 30px 0; width: 100%; } .atbs-widget-posts-list .posts-list .list-item:not(:last-child) { border-bottom: 1px solid rgba(50, 199, 105, 0.1); border-right: none; } .atbs-widget-posts-list .post--horizontal { -webkit-box-pack: initial; -webkit-justify-content: initial; -moz-box-pack: initial; -ms-flex-pack: initial; justify-content: initial; } .atbs-widget-posts-list .post--horizontal .post__cat { display: block; } .widget-posts-list-style-2 .post-type-icon.overlay-item.overlay-item--sm-p { top: 50%; } } @media (max-width: 480px) { .atbs-widget-posts-list .list-seperated-25.posts-list { margin: -15px auto; } .atbs-widget-posts-list .list-seperated-25.posts-list .list-item { padding: 15px 0; } } @media (max-width: 380px) { .atbs-widget-posts-list .posts-list { max-width: 100%; width: 100%; } } @media (max-width: 320px) { .atbs-widget-posts-list .post--horizontal .post__cat { display: none; } } /*@end file 24*/ /*---- Widget Posts Review ----*/ .post--review-style-1 .media { overflow: initial; } .post--overlay-review .post__thumb::after { background-color: #000; opacity: 0.3; } .post--overlay-review .post__text-inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } .post--overlay-review .post__title { font-weight: 600; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; color: #fff; margin-bottom: 0; margin-right: 15px; } .post--overlay-review .post-type-icon { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .post--horizontal-score-star .post__title { margin-bottom: 7.5px; } @media (max-width: 991px) { .widget-posts-list-review { margin: 0 -15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .widget-posts-list-review .list-item { padding: 15px; width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); border: none; } /*Content*/ .post--overlay-review .post__text-inner { position: relative; padding: 15px; } .post--overlay-review .post__title { font-size: 16px; line-height: 1.5; } } @media (max-width: 767px) { /* Layout */ .widget-posts-list-review .list-item { width: 100%; } /* Content */ .post--overlay-height-200.post--overlay .post__text { min-height: 250px; } .post--overlay-review .post__text-inner { position: relative; padding: 20px; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .post--overlay-review .post__title { font-size: 20px; line-height: 1.4; max-width: 80%; } } @media (max-width: 480px) { .post--overlay-review.post--overlay .post__text { min-height: 235px; } } @media (max-width: 380px) { .post--overlay-review.post--overlay .post__text { min-height: 220px; } .post--overlay-review .post__title { font-size: 18px; line-height: 1.38; } } @media (max-width: 320px) { .post--overlay-review.post--overlay .post__text { min-height: 200px; } .post--overlay-review .post__title { font-size: 16px; line-height: 1.43; } } /*@end file 25*/ /*---- Widget Posts Slider ----*/ .widget-slide .post { position: relative; } .widget-slide .post__title { width: 100%; font-weight: 600; color: var(--color-text); font-size: 17px; } .widget-slide .post__cat { margin-bottom: 8px; } .widget-slide .post__thumb { width: 100%; } .widget-slide .owl-nav { position: absolute; left: 0; top: auto; bottom: -webkit-calc(100% + 30px); bottom: -moz-calc(100% + 30px); bottom: calc(100% + 30px); width: 100%; height: auto; display: block; } .widget-slide .owl-next, .widget-slide .owl-prev { position: absolute; width: auto; height: auto; padding: 0; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; bottom: 0; top: initial; left: initial; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; color: #aaa; } .widget-slide .owl-next { right: 0; } .widget-slide .owl-prev { right: 50px; } .widget-slide .owl-item { overflow: hidden; } .widget-slide .owl-next i, .widget-slide .owl-prev i { font-size: 20px; } .widget-slide .owl-next:hover, .widget-slide .owl-prev:hover, .widget-slide .owl-next:focus, .widget-slide .owl-prev:focus { background: #fff; color: var(--color-primary); -webkit-transition: color 0.5s; -o-transition: color 0.5s; -moz-transition: color 0.5s; transition: color 0.5s; width: auto; height: auto; } .site-footer .widget-slide .owl-next:hover, .widget-slide .owl-prev:hover, .site-footer .widget-slide .owl-next:focus, .widget-slide .owl-prev:focus { background: none; } .widget-slide .owl-dots { position: absolute; bottom: -webkit-calc(100% + 36px); bottom: -moz-calc(100% + 36px); bottom: calc(100% + 36px); padding: 0; margin: 0 -1px; right: 22px; } .site-footer .widget-slide .owl-dots { bottom: -webkit-calc(100% + 35px); bottom: -moz-calc(100% + 35px); bottom: calc(100% + 35px); } .widget-slide .atbs-carousel .owl-dot { padding: 3px; } .widget-slide .atbs-carousel .owl-dot.active span { background-color: var(--color-primary); } .widget-slide .atbs-carousel .owl-dot span { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 5px; height: 5px; } /*@end file 26*/ /*---- Widget Posts Review ----*/ .atbs-widget-subscribe h3, .atbs-widget-subscribe h4 { margin-bottom: 15px; color: var(--color-text); font-size: 1.2857rem; /* 18px */ font-weight: 600; } .atbs-widget-subscribe h3 + p, .atbs-widget-subscribe h4 + p { margin: 0 auto 15px; max-width: 300px; color: var(--color-text-gray); font-size: 1rem; font-weight: 300; line-height: 1.4; } .subscribe-form__fields > * + * { margin-top: 10px; } .atoms-design-subsribe input[type="email"] { margin-bottom: 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .atoms-design-subsribe input[type="submit"] { width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /*@end file 27*/ /* ----------------------- post--grid-a */ /* Layout */ .atbs-post--grid-a { position: relative; } .atbs-post--grid-a .block-heading { position: relative; } .atbs-post--grid-a.atbs-block--has-bg .atbs-block__inner::before, .atbs-post--grid-a.atbs-block--has-bg.atbs-block--has-heading .container:nth-child(1)::before { content: ''; width: 100vw; height: 150px; background-color: #f9f9f9; position: absolute; top: 0; z-index: -1; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .atbs-post--grid-a.atbs-block--has-bg .atbs-block__inner { padding: 40px 50px 0 50px; z-index: 0; } .atbs-post--grid-a.atbs-block--has-bg.atbs-block--has-heading .container:nth-child(1) { position: relative; padding-top: 40px; } .atbs-post--grid-a.atbs-block--has-bg.atbs-block--has-heading .container:nth-child(1)::before { height: 100%; } .atbs-post--grid-a.atbs-block--has-bg.atbs-block--has-heading .atbs-block__inner { padding-top: 0; } .atbs-post--grid-a .posts-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -20px; } .atbs-post--grid-a .list-item { width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); padding: 20px; } /* Content */ .post-time-cat-wrap { /*margin-bottom: 15px;*/ margin-bottom: 12px; } .post-time-cat-wrap .post__cat { margin-bottom: 0; } .post-time-cat-wrap .post__cat:not(:last-child) { margin-right: 15px; } .post--vertical-time-cat-wrap .post__title { font-weight: 600; line-height: 1.4; } .post--vertical-time-cat-wrap .post__excerpt { max-width: 80%; } /* post grid a ----------------------- */ @media (max-width: 1199px) { /* ----------------------- post--grid-a */ /* Layout */ .atbs-post--grid-a.atbs-block--has-bg .atbs-block__inner { padding: 40px 0 0 0; } .atbs-post--grid-a .posts-list { margin: -15px; } .atbs-post--grid-a .list-item { padding: 15px; } /* Content */ .post--vertical-time-cat-wrap .post__thumb { margin-bottom: 20px; height: 180px; } .post--vertical-time-cat-wrap .post__cat:not(:last-child) { margin-right: 10px; } .post--vertical-time-cat-wrap .post__title { font-size: 18px; margin-bottom: 15px; line-height: 1.5; } .post--vertical-time-cat-wrap .post__excerpt { max-width: 90%; } /* post grid a ----------------------- */ } @media (max-width: 991px) { /* ----------------------- post--grid-a */ /* Layout */ .atbs-post--grid-a::before { height: 130px; } .atbs-post--grid-a .list-item { width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); } /* Layout */ .atbs-post--grid-a.atbs-block--has-bg .atbs-block__inner { padding: 40px 0 0 0; } .atbs-post--grid-a .posts-list { margin: -15px; } .atbs-post--grid-a .list-item { padding: 15px; } /* Content */ .post--vertical-time-cat-wrap .post__thumb { margin-bottom: 20px; height: 200px; } .post--vertical-time-cat-wrap .post__cat:not(:last-child) { margin-right: 10px; } .post--vertical-time-cat-wrap .post__title { font-size: 20px; line-height: 1.4; margin-bottom: 15px; } .post--vertical-time-cat-wrap .post__excerpt { max-width: 90%; } /* post grid a ----------------------- */ } @media (max-width: 767px) { /* ----------------------- post--grid-a */ /* Layout */ .atbs-post--grid-a::before { height: 200px; } /* Layout */ .atbs-post--grid-a .posts-list { margin: -22.5px; } .atbs-post--grid-a .list-item { width: 100%; padding: 22.5px; } /* Content */ .post--vertical-time-cat-wrap .post__thumb { margin-bottom: 15px; height: 250px; } .post-time-cat-wrap { margin-bottom: 5px; } .post-time-cat-wrap .post__cat:not(:last-child) { margin-right: 5px; } .post--vertical-time-cat-wrap .post__title { font-size: 20px; margin-bottom: 15px; line-height: 1.4; } .post--vertical-time-cat-wrap .post__excerpt { max-width: 90%; } /* post grid a ----------------------- */ } @media (max-width: 575px) { /* ----------------------- post--grid-a */ /* Layout */ .atbs-post--grid-a::before { height: 180px; } /* Layout */ .atbs-post--grid-a .posts-list { margin: -17.5px; } .atbs-post--grid-a .list-item { width: 100%; padding: 17.5px; } /* Content */ .post--vertical-time-cat-wrap .post__thumb { margin-bottom: 15px; height: 300px; } .post--vertical-time-cat-wrap .post__title { max-width: 100%; } .post--vertical-time-cat-wrap .post__excerpt { max-width: 85%; } /* post grid a ----------------------- */ } @media (max-width: 480px) { /* ----------------------- post--grid-a */ /* Layout */ .atbs-post--grid-a::before { height: 190px; } /* Layout */ .atbs-post--grid-a .posts-list { margin: -15px; } .atbs-post--grid-a .list-item { padding: 15px; } /* Content */ .post--vertical-time-cat-wrap .post__thumb { height: 260px; } .post--vertical-time-cat-wrap .post__title { max-width: 100%; margin-bottom: 10px; } .post--vertical-time-cat-wrap .post__excerpt { max-width: 90%; } /* post grid a ----------------------- */ } @media (max-width: 420px) { /* ----------------------- post--grid-a */ /* Layout */ .atbs-post--grid-a::before { height: 190px; } /* Content */ .post--vertical-time-cat-wrap .post__thumb { height: 250px; } .post--vertical-time-cat-wrap .post__title { max-width: 100%; } .post--vertical-time-cat-wrap .post__excerpt { max-width: 95%; } /* post grid a ----------------------- */ } @media (max-width: 380px) { /* ----------------------- post--grid-a */ /* Layout */ .atbs-post--grid-a::before { height: 190px; } .atbs-post--grid-a .posts-list { margin: -12.5px; } .atbs-post--grid-a .list-item { padding: 12.5px; } /* Content */ .post--vertical-time-cat-wrap .post__thumb { height: 230px; } .post--vertical-time-cat-wrap .post__excerpt { max-width: 100%; } /* post grid a ----------------------- */ } @media (max-width: 320px) { /* ----------------------- post--grid-a */ /* Layout */ .atbs-post--grid-a::before { height: 150px; } /* Content */ .post--vertical-time-cat-wrap .post__thumb { height: 200px; } .post--vertical-time-cat-wrap .post__excerpt { max-width: 100%; } } /* post grid a ----------------------- */ /*@end file 28*/ /* ----------------------- post--grid-b */ /* Layout */ .atbs-post--grid-b .atbs-block__inner > div:not(:last-child) { margin-bottom: 60px; } .atbs-post--grid-b .post-main, .atbs-post--grid-b .post-sub { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .atbs-post--grid-b .post-main .posts-left { margin-right: 60px; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .atbs-post--grid-b .post-main .posts-body { width: 300px; margin-top: 10px; } .atbs-post--grid-b .post-sub .posts-left { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 35px; } .atbs-post--grid-b .post-sub .posts-left:only-child { margin-right: 370px; } .atbs-post--grid-b .post-sub .posts-body { width: 335px; padding: 0 35px; } /* Content */ /*post--horizontal-not-middle*/ .post--horizontal-not-middle .post__text { margin-top: 35px; } .atbs-post--grid-b .post-time-cat-wrap .post__cat:not(:last-child) { margin-right: 10px; } .post--horizontal-not-middle .post__title { font-weight: 800; margin-bottom: 45px; } .post--horizontal-not-middle .post__thumb { margin-left: 60px; } /*post-no-thumb*/ .list-seperated-25.posts-list { margin: -25px 0; } .list-seperated-25 .list-item { padding: 25px 0; } .list-seperated-25 .list-item:not(:last-child) { border-bottom: 1px solid rgba(50, 199, 105, 0.1); } .post-no-thumb .post__text--wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .post-no-thumb .post__title { font-weight: 500; margin-bottom: 0; max-width: 75%; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .button-readmore-no-text i { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: rgba(34, 34, 34, 0.3); background-color: transparent; border: 1px solid rgba(19, 19, 19, 0.3); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .atbs-post--grid-b .post--no-thumb:hover .button-readmore-no-text i, .button-readmore-no-text:focus i { background-color: var(--color-primary); color: #fff; border: 1px solid var(--color-primary); } /*post-horizontal-video*/ .atbs-post--grid-b .post-sub { position: relative; } .atbs-post--grid-b .post-sub::before { content: ''; position: absolute; left: 800px; top: 0; width: 1px; height: 100%; background-color: rgba(19, 19, 19, 0.1); } /*.post--horizontal-video .post__thumb::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.25; }*/ .post--horizontal-video .post__text { padding-right: 50px; } .post--horizontal-video .post__title { font-size: 22px; line-height: 1.4; margin-bottom: 25px; } .post--horizontal-video .post-time-cat-wrap.post__meta { margin-bottom: 15px; } .post--horizontal-video .post__excerpt { margin-bottom: 30px; } /*post-vertical slide*/ .post--vertical-slide-small .post__thumb { margin-bottom: 20px; -webkit-box-shadow: 0 35px 25px -24px rgba(50, 50, 93, 0.23); -moz-box-shadow: 0 35px 25px -24px rgba(50, 50, 93, 0.23); box-shadow: 0 35px 25px -24px rgba(50, 50, 93, 0.23); } .post--vertical-slide-small .post__thumb .background-img::after { background-color: #000; opacity: 0.1; } .post--vertical-slide-small .post__title { font-weight: 500; } .atbs-post--grid-b .atbs-carousel .owl-dots { padding: 18px 0 0 0; } .atbs-post--grid-b .atbs-carousel .owl-next, .atbs-post--grid-b .atbs-carousel .owl-prev { width: 20px; height: 20px; background-color: transparent; border: none; color: rgba(0, 0, 0, .3); -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; top: 80px; padding: 0; font-size: 12px; } .atbs-post--grid-b .atbs-carousel .owl-next:hover, .atbs-post--grid-b .atbs-carousel .owl-prev:hover, .atbs-post--grid-b .atbs-carousel .owl-next:focus, .atbs-post--grid-b .atbs-carousel .owl-prev:focus { color: var(--color-primary); width: 20px; height: 20px; } .atbs-post--grid-b .atbs-carousel .owl-next { right: -35px; } .atbs-post--grid-b .atbs-carousel .owl-prev { left: -35px; } .atbs-post--grid-b .atbs-carousel .owl-prev i, .atbs-post--grid-b .atbs-carousel .owl-next i { font-size: 25px; } /* post grid b ----------------------- */ @media (max-width: 1199px) { /* ----------------------- post--grid-b */ /* Layout */ .atbs-post--grid-b .atbs-block__inner > div:not(:last-child) { margin-bottom: 70px; } .atbs-post--grid-b .post-main .posts-left { margin-right: 45px; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .atbs-post--grid-b .post-main .posts-body { width: 270px; margin-top: 0; } /*post--horizontal-not-middle*/ .list-seperated-25.posts-list { margin: -20px 0; } .list-seperated-25 .list-item { padding: 20px 0; } .post--horizontal-not-middle .post__thumb { height: 400px; width: 350px; margin-left: 25px; } .post--horizontal-not-middle .post__title { font-size: 24px; } /*post-no-thumb*/ .post-no-thumb .post__title { max-width: 80%; } /*post--horizontal-video*/ .atbs-post--grid-b .post-sub::before { left: 625px; } .atbs-post--grid-b .post-sub .posts-left { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 45px; } .atbs-post--grid-b .post-sub .posts-body { width: 270px; padding: 0; } .atbs-post--grid-b .post-sub .posts-left:only-child { margin-right: 315px; } .post--horizontal-video .post-time-cat-wrap.post__meta { margin-bottom: 10px; } .post--horizontal-video .post__thumb { width: 300px; height: 250px; } .post--horizontal-video .post__text { padding-right: 60px; } .post--horizontal-video .post__title { font-size: 18px; margin-bottom: 15px; line-height: 1.5; } .post--horizontal-video .post__excerpt { margin-bottom: 15px; max-width: 95%; } .post--horizontal-video a.btn-play-iframe { width: 60px; height: 60px; } .atbs-post--grid-b .atbs-carousel .owl-dots { position: absolute; left: 50%; top: 150px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /*post--vertical-small-slide*/ .post--vertical-slide-small .post__thumb { height: 170px; } .atbs-post--grid-b .atbs-carousel .owl-dots { top: 125px; } .atbs-post--grid-b .dots-circle .owl-dot { padding: 3px; } .atbs-post--grid-b .atbs-carousel .owl-nav { display: none; } /* post grid b ----------------------- */ } @media (max-width: 1199px) and (min-width: 768px) { .atbs-post--grid-b .post--horizontal-not-middle .post__thumb { width: 100%; margin: 0 0 25px 0; height: 330px; } .atbs-post--grid-b .post--horizontal-not-middle .post__text { width: 100%; } .atbs-post--grid-b .post--horizontal-not-middle .post__title { margin-bottom: 0; } .atbs-post--grid-b .post--horizontal-not-middle .post__readmore { display: none; } } @media (max-width: 991px) { .block-heading.block-heading-small .block-heading__title { margin: 0 auto; } /* ----------------------- post--grid-a */ /* Layout */ .atbs-post--grid-b .atbs-block__inner > div:not(:last-child) { margin-bottom: 60px; } .atbs-post--grid-b .post-main .posts-left, .atbs-post--grid-b .post-sub .posts-left { -webkit-box-flex: unset; -webkit-flex: unset; -moz-box-flex: unset; -ms-flex: unset; flex: unset; width: 100%; } .atbs-post--grid-b .post-main .posts-body, .atbs-post--grid-b .post-sub .posts-body { width: 100%; } .atbs-post--grid-b .post-sub .posts-left:only-child { margin-right: 0; } .atbs-post--grid-b .post-main > div:not(:last-child), .atbs-post--grid-b .post-sub > div:not(:last-child) { margin-bottom: 60px; } .atbs-post--grid-b .post-main .posts-left { margin-right: 0; } .atbs-post--grid-b .post-sub .posts-left { margin-right: 0; } /* Content */ /*post-horizontal-not-middle*/ .post--horizontal-not-middle .post__thumb { /*edit*/ margin-left: 0; margin-right: 45px; float: left; } .post--horizontal-not-middle .post__text { margin-top: 80px; } .post--horizontal-not-middle .post__title { font-size: 26px; line-height: 1.4; max-width: 90%; } /*post-no-thumb*/ .atbs-post--grid-b .post-main .posts-body .posts-list { margin: 0 -30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .atbs-post--grid-b .post-main .posts-body .list-item { padding: 30px; width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); border: none; } .atbs-post--grid-b .post-main .posts-body .list-item:not(:last-child) { border-right: 1px solid rgba(0, 0, 0, .1); } .post-no-thumb .post__title { max-width: 100%; font-size: 16px; } .post-no-thumb .post__readmore { display: none; } /*post-horizontal-video*/ .atbs-post--grid-b .post-sub::before { display: none; } .post--horizontal-video .post__thumb { width: 375px; height: 235px; margin-right: 30px; } .post--horizontal-video .post__text { padding-right: 0; } .post--horizontal-video a.btn-play-iframe { width: 60px; height: 60px; } .atbs-post--grid-b .atbs-carousel .owl-nav { /*display: none;*/ } .atbs-post--grid-b .atbs-carousel .owl-dots { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; left: unset; top: unset; position: relative; } /*post-vertical-slide*/ .post--vertical-slide-small .post__thumb { height: 170px; } .post--vertical-slide-small .post__title { font-size: 16px; line-height: 1.53; max-width: 95%; } /* post grid a ----------------------- */ } @media (max-width: 991px) and (min-width: 768px) { .atbs-post--grid-b .post-sub > div:not(:last-child) { margin-bottom: 40px; } .atbs-post--grid-b .post--horizontal-video .post__title { font-size: 18px; line-height: 1.5; } .atbs-post--grid-b .post--horizontal-video .post__readmore, .atbs-post--grid-b .post--horizontal-video .post__excerpt { display: none; } .atbs-post--grid-b .post--vertical-slide-small { display: flex; flex-wrap: wrap; align-items: center; flex-direction: row-reverse; } .atbs-post--grid-b .post--vertical-slide-small .post__thumb { height: 230px; width: calc(50% + 15px); margin-left: 30px; } .atbs-post--grid-b .post--vertical-slide-small .post__text { flex: 1; } .atbs-post--grid-b .post--vertical-slide-small .post__title { font-size: 18px; line-height: 1.5; font-weight: 700; max-width: 100%; } } @media (max-width: 767px) { /* ----------------------- post--grid-a */ /* Layout */ .atbs-post--grid-b .atbs-block__inner > div:not(:last-child) { margin-bottom: 60px; } .atbs-post--grid-b .post-main > div:not(:last-child), .atbs-post--grid-b .post-sub > div:not(:last-child) { margin-bottom: 60px; } /* Content */ /*post-horizontal-not-middle*/ .post--horizontal-not-middle .post__thumb { margin-right: 0; margin-bottom: 15px; height: 300px; width: 100%; } .post--horizontal-not-middle .post__text { margin-top: 50px; width: 100%; } .post--horizontal-not-middle .post__title { margin-bottom: 0; max-width: 100%; font-size: 20px; font-weight: 700; } .post--horizontal-not-middle .post__readmore { display: none; } /*post-no-thumb*/ .atbs-post--grid-b .block-heading.block-heading-small { margin-bottom: 40px; } .atbs-post--grid-b .post-main .posts-body .posts-list { margin: -25px auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 80%; } .atbs-post--grid-b .post-main .posts-body .list-item { padding: 25px 0; width: 100%; border: none; } .atbs-post--grid-b .post-main .posts-body .list-item:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, .1); border-right: none; } .post-no-thumb .post__title { font-size: 18px; line-height: 1.5; max-width: 80%; margin-left: auto; margin-right: auto; } .post-no-thumb .post__text { text-align: center; } .post-no-thumb .post-time-cat-wrap time { display: none; } /*post-horizontal-video*/ .post--horizontal-video.post--horizontal { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .post--horizontal-video .post__thumb { width: 100%; height: 270px; -webkit-box-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; -ms-flex: initial; flex: initial; margin-bottom: 15px; margin-right: 0; } .post--horizontal-video .post__text { width: 100%; -webkit-box-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; -ms-flex: initial; flex: initial; } .post--horizontal-video .post__title { margin-bottom: 15px; max-width: 100%; font-size: 20px; line-height: 1.4; } .post--horizontal-video .post__excerpt { margin-bottom: 0; } .post--horizontal-video .post__readmore { display: none; } /*post-horizontal-slide*/ .post--vertical-slide-small .post__thumb { margin-bottom: 15px; height: 270px; } .post--vertical-slide-small .post__title { font-size: 20px; line-height: 1.46; font-weight: 600; } /* post grid a ----------------------- */ } @media (max-width: 575px) { /* ----------------------- post--grid-a */ .atbs-post--grid-b .post-main > div:not(:last-child), .atbs-post--grid-b .post-sub > div:not(:last-child) { margin-bottom: 40px; } /* Layout */ /*post--horizontal-not-middle*/ .post--horizontal-not-middle .post__thumb { margin-right: 0; margin-bottom: 15px; height: 300px; width: 100%; } .post--horizontal-not-middle .post__text { width: 100%; margin-top: 0; } .post--horizontal-not-middle .post__title { font-size: 20px; line-height: 1.4; font-weight: 700; margin-bottom: 0; } .post--horizontal-not-middle .post__readmore { display: none; } /*post-horizontal-video*/ .post--horizontal-video .post__title { max-width: 90%; } /* post grid a ----------------------- */ } @media (max-width: 480px) { /* ----------------------- post--grid-a */ .atbs-post--grid-b .block-heading.block-heading-small { margin-bottom: 30px; } .atbs-post--grid-b .atbs-block__inner > div:not(:last-child) { margin-bottom: 55px; } .atbs-post--grid-b .post-main > div:not(:last-child), .atbs-post--grid-b .post-sub > div:not(:last-child) { margin-bottom: 55px; } /* Content */ /*post--horizontal-not-middle*/ .post--horizontal-not-middle .post__thumb { height: 260px; } /*post-no-thumb*/ .atbs-post--grid-b .post-main .posts-body .posts-list { margin: -15px auto; width: 85%; } .atbs-post--grid-b .post-main .posts-body .list-item { padding: 15px 0; } .post-no-thumb .post__title { max-width: 90%; } /*post-horizontal-video*/ .post--horizontal-video .post__thumb { height: 260px; } .post--horizontal-video .post__title { margin-bottom: 10px; max-width: 100%; } .post--horizontal-video .post__excerpt { max-width: 100%; } .post--horizontal-video a.btn-play-iframe { width: 55px; height: 55px; } /*post-horizontal-slide*/ .post--vertical-slide-small .post__thumb { height: 260px; } .post--vertical-slide-small .post__title { font-size: 20px; line-height: 1.4; max-width: 100%; } /* post grid a ----------------------- */ } @media (max-width: 420px) { /* ----------------------- post--grid-a */ /* Content */ /*post--horizontal-not-middle*/ .post--horizontal-not-middle .post__thumb { height: 250px; } /*post-no-thumb*/ .atbs-post--grid-b .post-main .posts-body .posts-list { max-width: 90%; width: 100%; } /*post-horizontal-video*/ .post--horizontal-video .post__thumb { height: 250px; } /*post-horizontal-slide*/ .post--vertical-slide-small .post__thumb { height: 250px; } /* post grid a ----------------------- */ } @media (max-width: 380px) { /* ----------------------- post--grid-a */ /* Layout */ /*post-no-thumb*/ .atbs-post--grid-b .post-main .posts-body .posts-list { max-width: 100%; width: 100%; } /* Content */ /*post--horizontal-not-middle*/ .post--horizontal-not-middle .post__thumb { height: 230px; } /*post-no-thumb*/ .post-no-thumb .post__title { font-size: 16px; max-width: 100%; } /*post-horizontal-video*/ .post--horizontal-video .post__thumb { height: 230px; } .post--horizontal-video a.btn-play-iframe { width: 50px; height: 50px; } /*post-horizontal-slide*/ .post--vertical-slide-small .post__thumb { height: 230px; } /* post grid a ----------------------- */ } @media (max-width: 320px) { /* ----------------------- post--grid-a */ /* Layout */ /*post--horizontal-not-middle*/ .post--horizontal-not-middle .post__thumb { height: 200px; } /*post-horizontal-video*/ .post--horizontal-video .post__thumb { height: 200px; } /*post-horizontal-slide*/ .post--vertical-slide-small .post__thumb { height: 200px; } /* post grid a ----------------------- */ } /*.block-heading{*/ /* flex-wrap: wrap;*/ /*}*/ /*.block-heading__title {*/ /* order: 1;*/ /*}*/ /*.page-heading__subtitle{*/ /* order: 3;*/ /* width: 100%;*/ /* max-width: 100%;*/ /*}*/ /*@end file 29*/ /* ----------------------- post--grid-c */ /* Layout */ .atbs-post--grid-c .posts-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; pointer-events: none; } .atbs-post--grid-c .list-item { width: -webkit-calc(100% / 4); width: -moz-calc(100% / 4); width: calc(100% / 4); pointer-events: auto; } .atbs-post--grid-c .list-item:not(:last-child) .post-no-thumb-not-readmore { border-right: 1px solid var(--color-border); } .atbs-post--grid-c .list-item:hover:not(:last-child) .post-no-thumb-not-readmore { border: none; } /* Content */ .post-no-thumb-not-readmore { padding: 40px 30px 40px 30px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .posts-list:not(:hover) .list-item:first-child .post-no-thumb-not-readmore, .post-no-thumb-not-readmore:hover { background-color: var(--color-primary); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; } .posts-list:not(:hover) .list-item:first-child .post-no-thumb-not-readmore:not(.hover-text-color-white) .post__cat.cat-theme.cat-theme, .post-no-thumb-not-readmore:not(.hover-text-color-white):hover .post__cat.cat-theme.cat-theme { color: var(--color-meta) !important; } .post-no-thumb-not-readmore:hover::before { opacity: 1; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .post-no-thumb-not-readmore .post__title a, .post-no-thumb-not-readmore .post__cat, .post-no-thumb-not-readmore time, .post-no-thumb-not-readmore .estimate-reading-time, .post-no-thumb-not-readmore .post-author__text, .post-no-thumb-not-readmore .post-author__name, .post-no-thumb-not-readmore .post__comment a { -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .posts-list:not(:hover) .list-item:first-child .post-no-thumb-not-readmore, .post-no-thumb-not-readmore:hover { background-color: var(--color-primary); -webkit-box-shadow: 0 43px 35px -21px rgba(50, 50, 93, 0.23); -moz-box-shadow: 0 43px 35px -21px rgba(50, 50, 93, 0.23); box-shadow: 0 43px 35px -21px rgba(50, 50, 93, 0.23); } .post-no-thumb-not-readmore:hover .post__title a { color: var(--color-text); } .posts-list:not(:hover) .list-item:first-child .post-no-thumb-not-readmore.hover-text-color-white .post__title a, .posts-list:not(:hover) .list-item:first-child .post-no-thumb-not-readmore.hover-text-color-white .post__cat, .posts-list:not(:hover) .list-item:first-child .post-no-thumb-not-readmore.hover-text-color-white time, .posts-list:not(:hover) .list-item:first-child .post-no-thumb-not-readmore.hover-text-color-white .post-author, .posts-list:not(:hover) .list-item:first-child .post-no-thumb-not-readmore.hover-text-color-white .post-author .post-author__text, .posts-list:not(:hover) .list-item:first-child .post-no-thumb-not-readmore.hover-text-color-white .post-author .post-author__name, .posts-list:not(:hover) .list-item:first-child .post-no-thumb-not-readmore.hover-text-color-white .estimate-reading-time, .posts-list:not(:hover) .list-item:first-child .post-no-thumb-not-readmore.hover-text-color-white .post__comment a, .posts-list:not(:hover) .list-item:first-child .post-no-thumb-not-readmore.hover-text-color-white .entry-author-has-avatar .hint-span, .post-no-thumb-not-readmore.hover-text-color-white:hover .post__title a, .post-no-thumb-not-readmore.hover-text-color-white:hover .post__cat, .post-no-thumb-not-readmore.hover-text-color-white:hover time, .post-no-thumb-not-readmore.hover-text-color-white:hover .post-author, .post-no-thumb-not-readmore.hover-text-color-white:hover .post-author .post-author__text, .post-no-thumb-not-readmore.hover-text-color-white:hover .post-author .post-author__name, .post-no-thumb-not-readmore.hover-text-color-white:hover .estimate-reading-time, .post-no-thumb-not-readmore.hover-text-color-white:hover .post__comment a, .post-no-thumb-not-readmore.hover-text-color-white:hover .entry-author-has-avatar .hint-span { color: #fff !important; } .post-no-thumb-not-readmore .post-time-cat-wrap .post__cat:not(:last-child) { margin-right: 10px; } .post-no-thumb-not-readmore .post__title { margin-bottom: 35px; font-weight: 600; } .post-no-thumb-not-readmore .post-author, .post-no-thumb-not-readmore .post-author .post-author__text, .post-no-thumb-not-readmore .post-author .post-author__name, .post-no-thumb-not-readmore .estimate-reading-time { font-size: 13px; text-transform: capitalize; } .post-no-thumb-not-readmore .post__comment a, .post-no-thumb-not-readmore .post-author { font-weight: 400; } .atbs-post--grid-c .post-no-thumb-not-readmore .post-author .post-author__name, .atbs-post--grid-c .post-no-thumb-not-readmore .post__comment a, .atbs-post--grid-c .entry-author-has-avatar .hint-span { color: rgba(0, 0, 0, .6); -webkit-transition: none;-o-transition: none;-moz-transition: none;transition: none; } .post-no-thumb-not-readmore .post-author a{ font-weight: 700; } .atbs-post--grid-c .post__meta { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .post__comment a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } /* post grid c ----------------------- */ @media (max-width: 1199px) { /* ----------------------- post--grid-c */ /* Content */ .post-no-thumb-not-readmore { padding: 20px 25px 20px 25px; } .post-no-thumb-not-readmore .post__cat { /*font-size: 10px;*/ } .post-no-thumb-not-readmore .post-time-cat-wrap time { display: none; } .post-no-thumb-not-readmore .post__title { font-size: 16px; line-height: 1.5; margin-bottom: 25px; } /* post grid c ----------------------- */ } @media (max-width: 1199px) and (min-width: 992px) { .post-no-thumb-not-readmore { padding: 25px; } .post-no-thumb-not-readmore .post__cat { /*font-size: 10px;*/ } .post-no-thumb-not-readmore .post-time-cat-wrap time { display: none; } .post-no-thumb-not-readmore .post__title { font-size: 16px; line-height: 1.5; margin-bottom: 40px; } .post-no-thumb-not-readmore .entry-author-has-avatar .post-author__avatar img { width: 35px; height: 35px; } } @media (max-width: 991px) { /* ----------------------- post--grid-c */ /* Layout */ .atbs-post--grid-c .posts-list { margin: -15px; } .atbs-post--grid-c .list-item { width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); padding: 15px; } /*border*/ .atbs-post--grid-c .list-item:nth-child(2n+1) { border-right: 1px solid var(--color-border); } .atbs-post--grid-c .list-item:not(:last-child) .post-no-thumb-not-readmore { border: none; } /*padding*/ .atbs-post--grid-c .list-item:nth-child(2n+1) { padding-right: 30px; } .atbs-post--grid-c .list-item:nth-child(2n) { padding-left: 30px; } /* Content */ .post-no-thumb-not-readmore { padding: 25px; } .post-no-thumb-not-readmore .post__title { font-size: 18px; margin-bottom: 20px; max-width: 100%; line-height: 1.5; } /* post grid c ----------------------- */ } @media (max-width: 767px) { /* ----------------------- post--grid-c */ /* Layout */ .atbs-post--grid-c .posts-list { margin: 0; border: 1px solid rgba(0,0,0,0.1) } .atbs-post--grid-c .list-item { width: 100%; padding: 0; } /*border*/ .atbs-post--grid-c .list-item:nth-child(2n+1) { border: none; } .atbs-post--grid-c .list-item:not(:last-child) { border-bottom: 1px solid var(--color-border); } .atbs-post--grid-c .list-item:hover:not(:last-child) { border-bottom: 1px solid transparent; } /*padding*/ .atbs-post--grid-c .list-item:nth-child(2n+1) { padding-right: 0; } .atbs-post--grid-c .list-item:nth-child(2n) { padding-left: 0; } /* Content */ .posts-list:not(:hover) .list-item:first-child .post-no-thumb-not-readmore, .post-no-thumb-not-readmore:hover { border-radius: 0; } .post-no-thumb-not-readmore .post__title { margin-bottom: 40px; font-size: 20px; line-height: 1.4; } /* post grid c ----------------------- */ } @media (max-width: 575px) { /* ----------------------- post--grid-c */ /* Content */ .post-no-thumb-not-readmore { padding: 25px 20px 25px 20px; } .post-no-thumb-not-readmore .post__title { max-width: 90%; } /* post grid c ----------------------- */ } @media (max-width: 480px) { /* ----------------------- post--grid-c */ /* Content */ .post-no-thumb-not-readmore { padding: 25px 20px 25px 20px; } .post-no-thumb-not-readmore .post__title { max-width: 100%; font-size: 18px; line-height: 1.5; } /* post grid c ----------------------- */ } /*@end file 30*/ /* ----------------------- post--grid-d */ /* Layout */ .atbs-post--grid-d .atbs-block__inner > div:not(:last-child) { margin-bottom: 60px; } /*main*/ .atbs-post--grid-d .post-main-padding { /*padding: 0 70px;*/ } /*sub*/ .atbs-post--grid-d .post-sub { position: relative; } .atbs-block--has-bg { z-index: 0; } .atbs-post--grid-d.atbs-block--has-bg .post-sub::before { content: ''; width: 100%; height: 280px; background-color: #f9f9f9; position: absolute; left: 0; top: -110px; z-index: -1; } .atbs-post--grid-d .post-sub .post-sub-padding { /*padding: 0 55px;*/ } .atbs-post--grid-d .atbs-carousel-disabled { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -25px; margin-right: -25px; } .atbs-post--grid-d .atbs-carousel-disabled .slide-content { display: block; width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); padding-left: 25px; padding-right: 25px; } /* Content */ /*post--horizontal-not-middle-large*/ .post--horizontal-not-middle-large .post__thumb { margin-left: 75px; -webkit-box-shadow: 0 45px 35px -21px rgba(50, 50, 93, 0.15); -moz-box-shadow: 0 45px 35px -21px rgba(50, 50, 93, 0.15); box-shadow: 0 45px 35px -21px rgba(50, 50, 93, 0.15); } .post--horizontal-not-middle-large .post__text { margin-top: 45px; } .post--horizontal-not-middle-large .post__title { margin-bottom: 30px; font-weight: bold; } .post--horizontal-not-middle-large .post__excerpt { margin-bottom: 20px; max-width: 80%; } /*post--vertical-slide-small*/ .post--vertical-slide-3i-small .post__thumb { -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .post--vertical-slide-3i-small.post--vertical-review .post__text { margin-left: 65px; margin-right: 15px; } .post--vertical-slide-3i-small .post__text--wrap { margin-bottom: 20px; } .post--vertical-slide-3i-small.post--vertical-review .post__text--wrap { margin-left: -65px; } .post--vertical-slide-3i-small.post--vertical-review .post__text--wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .post--vertical-slide-3i-small .post-type-icon.review-icon.review-icon--style-1 { display: block; width: 65px; } .post--vertical-slide-3i-small .post-type-icon.review-icon span { width: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; position: initial; text-shadow: none; color: var(--color-primary); background-color: transparent; font-weight: 600; font-size: 25px; } .post--vertical-slide-3i-small .post__title { font-weight: 600; line-height: 1.4; } .post--vertical-slide-3i-small.post--vertical-review .post__title { max-width: 85%; } .atbs-post--grid-d .atbs-carousel .owl-dots { padding-bottom: 0; padding-top: 30px; } /*hover*/ .post--vertical-slide-3i-small:hover .post__thumb { -webkit-box-shadow: 0 35px 35px -21px rgba(50, 50, 93, 0.1); -moz-box-shadow: 0 35px 35px -21px rgba(50, 50, 93, 0.1); box-shadow: 0 35px 35px -21px rgba(50, 50, 93, 0.1); } /* post grid d ----------------------- */ @media (max-width: 1199px) { /* ----------------------- post--grid-d */ /* Layout */ /*main*/ .atbs-post--grid-d .post-main-padding { /*padding: 0 35px;*/ } /*sub*/ .atbs-post--grid-d .post-sub .post-sub-padding { padding: 0; } .atbs-post--grid-d .atbs-carousel-disabled { margin-left: -15px; margin-right: -15px; } .atbs-post--grid-d .atbs-carousel-disabled .slide-content { padding-left: 15px; padding-right: 15px; } /* Content */ .post--horizontal-not-middle-large .post__thumb { margin-left: 25px; width: 510px; height: 335px; } .post--horizontal-not-middle-large .post__title { font-size: 26px; margin-bottom: 25px; } /*post--vertical-slide-small*/ .post--vertical-slide-3i-small .post__thumb { height: 200px; } .post--vertical-slide-3i-small.post--vertical-review .post__text { margin-left: 55px; margin-right: 0; } .post--vertical-slide-3i-small.post--vertical-review .post__text--wrap { margin-left: -55px; margin-bottom: 15px; } .post--vertical-slide-3i-small .post-type-icon.review-icon.review-icon--style-1 { width: 55px; } .post--vertical-slide-3i-small .post__title { font-size: 18px; line-height: 1.5; } .post--vertical-slide-3i-small .post-type-icon span { font-size: 20px; } /* post grid d ----------------------- */ } @media (max-width: 991px) { .atbs-post--grid-d.atbs-block--has-bg .post-sub::before { height: 220px; top: -85px; } /* ----------------------- post--grid-d */ /* Layout */ .atbs-post--grid-d .post-main-padding { padding: 0; } .atbs-post--grid-d .atbs-carousel-disabled { margin: -20px -10px; } .atbs-post--grid-d .atbs-carousel-disabled .slide-content { width: 50%; padding: 20px 10px; } /* Content */ /*post--horizontal-not-middle-large*/ .post--horizontal-not-middle-large .post__thumb { height: 280px; width: 400px; } .post--horizontal-not-middle-large .post__title { font-size: 22px; margin-bottom: 20px; max-width: 100%; line-height: 1.4; } .post--horizontal-not-middle-large .post__excerpt { max-width: 100%; margin-bottom: 0; } .post--horizontal-not-middle-large .post__readmore { display: none; } /*post--vertical-slide-3i-small*/ .post--vertical-slide-3i-small .post__thumb { height: 220px; } .post--vertical-slide-3i-small .post__title { font-size: 20px; line-height: 1.4; } /* post grid d ----------------------- */ } @media (max-width: 767px) { /* ----------------------- post--grid-d */ /* Layout */ .atbs-post--grid-d .atbs-carousel-disabled .slide-content { width: 100%; } /* Content */ .atbs-post--grid-d.atbs-block--has-bg .post-sub::before { height: 200px; top: -45px; } /*post--horizontal-not-middle-large*/ .post--horizontal-not-middle-large .post__thumb { height: 280px; width: 100%; margin-bottom: 15px; margin-left: 0; } .post--horizontal-not-middle-large .post__text { width: 100%; margin-top: 0; } .post--horizontal-not-middle-large .post__title { font-size: 20px; line-height: 1.4; font-weight: 700; margin-bottom: 15px; } /*post--vertical-slide-3i-small*/ .post--vertical-slide-3i-small .post__thumb { height: 250px; } .post--vertical-slide-3i-small .post__title { font-size: 20px; line-height: 1.4; } /* post grid d ----------------------- */ } @media (max-width: 575px) { /* ----------------------- post--grid-d */ /* Layout */ /* Content */ /*post--horizontal-not-middle-large*/ .post--horizontal-not-middle-large .post__thumb { height: 300px; } .post--horizontal-not-middle-large .post__title { margin-bottom: 15px; } /*post--vertical-slide-3i-small*/ .post--vertical-slide-3i-small .post__thumb { height: 270px; } .post--vertical-slide-3i-small .post__text--wrap { margin-bottom: 15px; } /* post grid d ----------------------- */ } @media (max-width: 480px) { /* ----------------------- post--grid-d */ /* Layout */ /* Content */ /*post--horizontal-not-middle-large*/ .post--horizontal-not-middle-large .post__thumb { height: 260px; } .post--horizontal-not-middle-large .post__title { margin-bottom: 10px; max-width: 100%; } /*post--vertical-slide-3i-small*/ .post--vertical-slide-3i-small .post__thumb { height: 260px; } .post--vertical-slide-3i-small .post__text--wrap { margin-bottom: 10px; } .post--vertical-slide-3i-small .post-type-icon.review-icon.review-icon--style-1 .post-score-value { font-size: 22px; } /* post grid d ----------------------- */ } @media (max-width: 420px) { /* ----------------------- post--grid-d */ /* Layout */ /* Content */ /*post--horizontal-not-middle-large*/ .post--horizontal-not-middle-large .post__thumb { height: 250px; } /*post--vertical-slide-3i-small*/ .post--vertical-slide-3i-small .post__thumb { height: 250px; } /* post grid d ----------------------- */ } @media (max-width: 380px) { /* ----------------------- post--grid-d */ /* Layout */ .atbs-post--grid-d .post-sub::before { height: 180px; top: -50px; } .atbs-post--grid-d .post-sub::before { top: -30px; } /* Content */ /*post--horizontal-not-middle-large*/ .post--horizontal-not-middle-large .post__thumb { height: 230px; } /*post--vertical-slide-3i-small*/ .post--vertical-slide-3i-small .post__thumb { height: 230px; } .post--vertical-slide-3i-small.post--vertical-review .post__text { margin-left: 45px; } .post--vertical-slide-3i-small.post--vertical-review .post__text--wrap { margin-bottom: 10px; margin-left: -45px; } .post--vertical-slide-3i-small .post-type-icon.review-icon.review-icon--style-1 { width: 45px; } .post--vertical-slide-3i-small .post-type-icon.review-icon.review-icon--style-1 .post-score-value { font-size: 20px; } .post--vertical-slide-3i-small .post__title { max-width: 100%; } /* post grid d ----------------------- */ } @media (max-width: 320px) { /* ----------------------- post--grid-d */ /* Layout */ /* Content */ /*post--horizontal-not-middle-large*/ .post--horizontal-not-middle-large .post__thumb { height: 200px; } /*post--vertical-slide-3i-small*/ .post--vertical-slide-3i-small .post__thumb { height: 200px; } /* post grid d ----------------------- */ } /*@end file 31*/ /* ----------------------- post--grid-f */ div:not(:last-child).has-line-padding-40 { padding-bottom: 35px; border-bottom: 1px solid var(--color-border); } /* Layout */ .atbs-post--grid-f .atbs-block__inner >div:not(:last-child) { margin-bottom: 60px; } /*post main*/ .atbs-post--grid-f .post-main .posts-list { margin: 0 -25px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .atbs-post--grid-f .post-main .list-item { padding: 0 25px; } .atbs-post--grid-f .post-main .list-item:first-child { width: 520px; } .atbs-post--grid-f .post-main .list-item:not(:first-child) { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } /*post sub*/ .atbs-post--grid-f .post-sub > div:not(:last-child) { margin-bottom: 40px; } .atbs-post--grid-f .post-sub .block-heading { margin-top: 30px; margin-bottom: 0; } .atbs-post--grid-f .post-sub .block-heading__title { font-size: 20px; color: var(--color-primary); margin-bottom: 20px; max-width: 80%; } .atbs-post--grid-f .post-sub .block-heading__subtitle { max-width: 80%; display: block; margin-bottom: 0; } @media (min-width: 1200px) { .atbs-post--grid-f .post-sub .block-heading__subtitle p { /*margin-bottom: 25px;*/ margin-bottom: 0; } } .atbs-post--grid-f .post-sub .read-more-link { display: inline-block; } @media (min-width: 1200px) { .atbs-post--grid-f .post--vertical-2i-small .post__thumb { height: 225px; } .atbs-post--grid-f .post--vertical-2i-small .post__excerpt { margin-bottom: 0; } .atbs-post--grid-f .post--vertical-2i-small .post__readmore { display: none; } } /* Content */ /*post--overlay-text-bottom*/ .post--overlay-text-bottom .background-img::after { background-color: #000; opacity: 0.25; } .post--overlay-text-bottom .post__cat { color: #fff; } .post--overlay-text-bottom .post__text-inner { padding: 20px 30px 35px 30px; } .post--overlay-text-bottom .post-time-cat-wrap .time, .post--overlay-text-bottom .post-time-cat-wrap .post__cat { color: #fff; } /*post--vertical-2i-small*/ .post--vertical-2i-small .post__title { font-size: 20px; line-height: 1.4; margin-bottom: 15px; } .post--vertical-2i-small .post__excerpt { margin-bottom: 20px; } .post--vertical-2i-small .post__readmore .button__readmore { color: var(--color-primary); color: var(--color-excerpt); } .post--vertical-2i-small .post__readmore .button__readmore:hover, .post--vertical-2i-small .post__readmore .button__readmore:focus { color: var(--color-primary); } .atoms-heading-left a { color: var(--color-excerpt) !important; transition: 0.3s; } .atoms-heading-left a:hover { color: var(--color-primary) !important; } /*posts-vertical-3i-heading-left*/ /*layout*/ .posts--vertical-3i-heading-left { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .posts--vertical-3i-heading-left .left-box { width: 300px; padding-right: 15px; } .posts--vertical-3i-heading-left .body-box { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .posts--vertical-3i-heading-left .posts-list { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .posts--vertical-3i-heading-left .list-item { width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); padding: 15px; } /*item*/ .post--vertical-3i-no-excerpt .post__title { font-weight: 500; } @media (min-width: 992px) { .atbs-post--grid-f .post-main:not(:last-child).has-line-padding-40 { padding-bottom: 0; border-bottom: 0; } .atbs-post--grid-f .post-sub .read-more-link { margin-top: 30px; } } /* post grid d ----------------------- */ @media (max-width: 1199px) { /* ----------------------- post--grid-f */ /* Layout */ /*post main*/ .atbs-post--grid-f .post-main .posts-list { margin: 0 -15px; } .atbs-post--grid-f .post-main .list-item { padding: 0 15px; } .atbs-post--grid-f .post-main .list-item:first-child { width: 400px; } /*post sub*/ .atbs-post--grid-f .post-sub .block-heading__title { max-width: 85%; } .atbs-post--grid-f .post-sub .block-heading__subtitle { max-width: 85%; } /* Content */ /*post--overlay-text-bottom*/ .post--overlay-text-bottom.post--overlay .post__text { min-height: 450px; } .post--overlay-text-bottom .post__text-inner { padding: 20px 30px 30px 30px; } .post--overlay-text-bottom .post__excerpt, .post--overlay-text-bottom .post__title { max-width: 100%; } .post--overlay-text-bottom .post__title { font-size: 20px; line-height: 1.4; } /*post--vertical-2i-small*/ .post--vertical-2i-small .post__title { font-size: 18px; line-height: 1.5; } .post--vertical-2i-small .post__excerpt { margin-bottom: 25px; margin-bottom: 0; } .post--vertical-2i-small .post__readmore { display: none; } /*posts-vertical-3i-heading-left*/ /*layout*/ .posts--vertical-3i-heading-left .left-box { width: 260px; } /*item*/ .post--vertical-3i-no-excerpt .post__thumb { margin-bottom: 15px; height: 150px; } .post--vertical-3i-no-excerpt .post__title { font-size: 16px; line-height: 1.5; max-width: 100%; } /* post grid f ----------------------- */ } @media (max-width: 991px) { /* ----------------------- post--grid-f */ /* Layout */ .atbs-post--grid-f .atbs-block__inner >div:not(:last-child) { margin-bottom: 50px; } /*post main*/ .atbs-post--grid-f .post-main .posts-list { margin: 0 -15px; } .atbs-post--grid-f .post-main .list-item:first-child { width: 100%; margin-bottom: 30px; } /*post sub*/ .atbs-post--grid-f .post-sub > div:not(:last-child) { margin-bottom: 40px; } .atbs-post--grid-f div:not(:last-child).has-line-padding-40 { padding-bottom: 40px; } .atbs-post--grid-f .post-sub .block-heading { margin-top: 0; } .atbs-post--grid-f .post-sub .block-heading__title { max-width: 100%; margin-bottom: 15px; } .atbs-post--grid-f .post-sub .block-heading__subtitle { max-width: 65%; margin-left: auto; margin-right: auto; } .atbs-post--grid-f .read-more-link, .atbs-post--grid-f a.read-more-link:visited { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .atbs-post--grid-f .post-sub .atbs-pagination { margin-top: 20px; } /* Content */ /*post--overlay-text-bottom*/ .post--overlay-text-bottom.post--overlay .post__text { min-height: 350px; } .post--overlay-text-bottom .post__text-inner { padding: 30px 20px; } .post--overlay-text-bottom .post__title { max-width: 80%; font-size: 22px; line-height: 1.4; } /*post--vertical-2i-small*/ .post--vertical-2i-small .post__thumb { height: 200px; } .post--vertical-2i-small .post__title { max-width: 100%; font-size: 20px; line-height: 1.4; } .post--vertical-2i-small .post__excerpt { max-width: 85%; } /*posts-vertical-3i-heading-left*/ /*layout*/ .posts--vertical-3i-heading-left .left-box { width: 100%; text-align: center; margin-bottom: 40px; } /* .posts--vertical-3i-heading-left .posts-list { margin: 0 -10px; } .posts--vertical-3i-heading-left .list-item { padding: 0 10px; }*/ /*item*/ .post--vertical-3i-no-excerpt .post__thumb { margin-bottom: 15px; height: 200px; } .post--vertical-3i-no-excerpt .post__title { font-size: 20px; line-height: 1.4; max-width: 100%; } /* post grid f ----------------------- */ } @media (max-width: 991px) { .posts--vertical-3i-heading-left .posts-list { margin: -15px; } .posts--vertical-3i-heading-left .list-item { width: 50%; padding: 15px; } } @media (max-width: 767px) { /* ----------------------- post--grid-f */ /* Layout */ .atbs-post--grid-f .post-main .list-item:not(:first-child),.atbs-post--grid-f .post-main .list-item:first-child { width: 100%; -webkit-box-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; -ms-flex: initial; flex: initial; } .atbs-post--grid-f .post-main .list-item:not(:last-child) { margin-bottom: 35px; } /* Content */ /*post--overlay-text-bottom*/ .post--overlay-text-bottom.post--overlay .post__text { min-height: 320px; } .post--overlay-text-bottom .post__title { max-width: 90%; font-size: 20px; line-height: 1.4; } /*post--vertical-2i-small*/ .post--vertical-2i-small .post__thumb { height: 250px; } .post--vertical-2i-small .post__title { margin-bottom: 15px; font-weight: 600; font-size: 20px; line-height: 1.4; } .post--vertical-2i-small .post__excerpt { margin-bottom: 0; } .post--vertical-2i-small .post__readmore { display: none; } /*posts-vertical-3i-heading-left*/ /*layout*/ .posts--vertical-3i-heading-left .left-box { width: 100%; text-align: center; margin-bottom: 40px; } .posts--vertical-3i-heading-left .list-item { width: 100%; } /*item*/ .post--vertical-3i-no-excerpt .post__thumb { margin-bottom: 15px; height: 270px; } .post--vertical-3i-no-excerpt .post__title { font-size: 20px; max-width: 100%; line-height: 1.4; font-weight: 600; } /* post grid f ----------------------- */ } @media (max-width: 575px) { /* ----------------------- post--grid-f */ /* Layout */ /* Content */ /*post--overlay-text-bottom*/ .post--overlay-text-bottom .post__text-inner { padding: 20px 20px 20px 20px; } .post--overlay-text-bottom .post__title { max-width: 100%; font-size: 20px; line-height: 1.4; } /*post--vertical-2i-small*/ .post--vertical-2i-small .post__thumb { height: 270px; } .post--vertical-2i-small .post__title { max-width: 95%; } .post--vertical-2i-small .post__excerpt { max-width: 90%; } /* post grid f ----------------------- */ } @media (max-width: 480px) { /* ----------------------- post--grid-f */ /* Layout */ .atbs-post--grid-f .post-main .list-item:not(:last-child) { margin-bottom: 30px; } /* Content */ .atbs-post--grid-f .post-sub .block-heading__subtitle { max-width: 85%; } /*post--overlay-text-bottom*/ .post--overlay-text-bottom.post--overlay .post__text { min-height: 280px; } .post--overlay-text-bottom .post__text-inner { padding: 20px 20px 25px 20px; } .post--overlay-text-bottom .post__title { max-width: 100%; } /*post--vertical-2i-small*/ .post--vertical-2i-small .post__thumb { height: 260px; } .post--vertical-2i-small .post__title { max-width: 100%; margin-bottom: 10px; } .post--vertical-2i-small .post__excerpt { max-width: 100%; } /*posts-vertical-3i-heading-left*/ /*layout*/ /*item*/ .post--vertical-3i-no-excerpt .post__thumb { height: 260px; } /* post grid f ----------------------- */ } @media (max-width: 420px) { /* ----------------------- post--grid-f */ /* Layout */ /* Content */ /*post--overlay-text-bottom*/ .post--overlay-text-bottom.post--overlay .post__text { min-height: 260px; } /*post--vertical-2i-small*/ .post--vertical-2i-small .post__thumb { height: 250px; } /*posts-vertical-3i-heading-left*/ /*item*/ .post--vertical-3i-no-excerpt .post__thumb { height: 250px; } /* post grid f ----------------------- */ } @media (max-width: 380px) { /* ----------------------- post--grid-f */ /* Layout */ .atbs-post--grid-f .post-main .list-item:not(:last-child) { margin-bottom: 25px; } /* Content */ /*post--overlay-text-bottom*/ .post--overlay-text-bottom.post--overlay .post__text { min-height: 240px; } /*post--vertical-2i-small*/ .post--vertical-2i-small .post__thumb { height: 230px; } /*posts-vertical-3i-heading-left*/ /*layout*/ /*item*/ .post--vertical-3i-no-excerpt .post__thumb { height: 230px; } /* post grid f ----------------------- */ } @media (max-width: 320px) { /* ----------------------- post--grid-f */ /* Layout */ /* Content */ .atbs-post--grid-f .post-sub .block-heading__subtitle { max-width: 100%; } /*post--overlay-text-bottom*/ .post--overlay-text-bottom.post--overlay .post__text { min-height: 220px; } .post--overlay-text-bottom .post__text-inner { padding: 20px 15px 20px 15px; } /*post--vertical-2i-small*/ .post--vertical-2i-small .post__thumb { height: 200px; } /*posts-vertical-3i-heading-left*/ /*item*/ .post--vertical-3i-no-excerpt .post__thumb { height: 200px; } /* post grid f ----------------------- */ } /*@end file 32*/ /* ----------------------- atbs-post--grid-l */ .atbs-post--grid-l .post--vertical-time-cat-wrap .post__title a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .post--overlay-text-top .post__text-inner { padding: 40px; } .post--overlay-text-top .post__text { padding-bottom: 40px; } .atbs-post--grid-l .post-slider .atbs-carousel .owl-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; bottom: 40px; right: 40px; } .atbs-post--grid-l .post-slider .atbs-carousel .owl-nav .owl-prev { margin-right: 20px; } .atbs-carousel .owl-prev i, .atbs-carousel .owl-next i { font-size: 24px; } /*.inverse-text .post-time-cat-wrap.post__meta a.post__cat,*/ .inverse-text .post-time-cat-wrap time { color: #fff; opacity: 1; } .post--overlay .post-time-cat-wrap a.post__cat { font-weight: 400; } .atbs-post--grid-l .post-slider .atbs-carousel .owl-nav .owl-prev, .atbs-post--grid-l .post-slider .atbs-carousel .owl-nav .owl-next { position: relative; top: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } @media(max-width: 1199px) { .atbs-post--grid-l .post-nothumb .post-time-cat-wrap time { display: none; } } @media(min-width:992px) and (max-width: 1199px) { .atbs-post--grid-l .post-slider .post--overlay .post__title { font-size: 26px; line-height: 1.4; } } @media(max-width: 1199px) { .atbs-post--grid-l .post-nothumb .typescale-0.custom-typescale-0 { font-size: 14px; } .atbs-post--grid-l .post--vertical.post__thumb-200 .post__thumb { height: 140px } .atbs-post--grid-l .posts-list .post--vertical .post__title { font-size: 18px; line-height: 1.5; margin-bottom: 0; } .post--overlay-height-670.post--overlay .post__text { min-height: 590px; } } @media(max-width: 991px) { .post-grid-4-row > * { width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); } .atbs-post--grid-l .post-nothumb .typescale-0.custom-typescale-0 { font-size: 18px; max-width: 90%; font-weight: 500; line-height: 1.5; } .post-grid-4-row > *:nth-child(2n+1):not(:last-child) { position: relative; } .post-grid-4-row > *:nth-child(2n+1):not(:last-child)::before { content: ""; position: absolute; height: 80%; right: 0; top: 0; width: 1px; background-color: var(--color-border); display: none; } .atbs-post--grid-l .post-slider { width: 100%; } .atbs-post--grid-l .post-main .posts-list { width: 100%; } .post--overlay-height-670.post--overlay .post__text { min-height: 380px; } .atbs-post--grid-l .post--vertical.post__thumb-200 .post__thumb { height: 220px } .atbs-post--grid-l .posts-list .post--vertical .post__title { font-size: 20px; line-height: 1.4; margin-bottom: 0; } } @media(min-width:768px) { .atbs-post--grid-l .flex-column-reverse .post-main:not(:only-child) { margin-top: 60px; } .atbs-post--grid-l .post-slider .atbs-carousel .owl-dots { display: none; } .atbs-post--grid-l .post-slider .post--overlay .post__title { max-width: 95%; margin-top: 30px; } } @media(max-width: 767px) { .atbs-post--grid-l .flex-column-reverse .post-main:not(:only-child) { margin-bottom: 40px; } .post-grid-4-row > * { width: -webkit-calc(100%); width: -moz-calc(100%); width: calc(100%); position: relative; } .post-grid-4-row > *:nth-child(2n+1):not(:last-child)::before { content: ""; position: absolute; height: 0px; right: 0; top: 0; background-color: none; } .post-grid-2-row > * { width: 100%; } .post-grid-4-row > *:nth-child(n+1)::before { content: ""; position: absolute; height: 1px; left: 30px; top: 0; width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px); background-color: var(--color-border); } .post-grid-4-row > *:nth-child(1)::before { content: ""; position: absolute; height: 0; left: 50%; top: 0; background-color: var(--color-border); } .post--overlay-height-670.post--overlay .post__text { min-height: 340px; } .atbs-post--grid-l .post-slider .atbs-carousel .owl-dots { display: none; } .atbs-post--grid-l .post-main .posts-list .post--vertical { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .atbs-post--grid-l .post-main .posts-list .post--vertical .post__thumb { width: 90px; height: 70px; margin-right: 20px; margin-bottom: 0; } .atbs-post--grid-l .post-main .posts-list .post--vertical .post__text { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 15px; } .atbs-post--grid-l .post-main .posts-list .list-item:nth-child(n+1) { position: relative; } .atbs-post--grid-l .post-main .posts-list .list-item:not(:first-child)::before { content: ""; position: absolute; height: 1px; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); background-color: var(--color-border); left: 20px; top: 0; } .nav-circle .owl-prev, .nav-circle .owl-next { height: 50px; width: 50px; } .atbs-post--grid-l .post-slider .atbs-carousel .owl-nav .owl-prev { margin-right: 15px; } .post-time-cat-wrap { margin-bottom: 8px; } .atbs-post--grid-l .post-nothumb .post-time-cat-wrap time { display: initial; } .atbs-post--grid-l .post-main .posts-list .post--vertical .post-type-icon { display: none; } .atbs-post--grid-l .post-slider .post--overlay .post__title { font-size: 22px; line-height: 1.4; } .atbs-post--grid-l .posts-list .post--vertical .post__title { font-size: 16px; line-height: 1.5; } } @media(max-width: 575px) { .post-grid-2-row > * { width: 100%; } .post--overlay-text-top .post__text { padding-bottom: 30px; } .post--overlay-text-top .post__text-inner { padding: 30px 20px; } .atbs-post--grid-l .post-slider .atbs-carousel .owl-nav { bottom: 30px; right: 30px; } .atbs-post--grid-l .post-main .posts-list .post--vertical .post__title { font-size: 16px; } .atbs-post--grid-l .post-nothumb .typescale-0.custom-typescale-0 { font-size: 16px; font-weight: 400; } .post--overlay-height-670.post--overlay .post__text { min-height: 300px; } } @media (max-width: 480px) { .post--overlay-height-670.post--overlay .post__text { min-height: 300px; } } /* atbs-post--grid-l ----------------------- */ /*@end file 33*/ /* ----------------------- atbs-post--grid-g */ /* Layout */ .atbs-post--grid-g .atbs-block__inner { } .atbs-post--grid-g .atbs-block__inner { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .atbs-post--grid-g .atbs-block__inner .post-main { margin-right: 60px; padding-bottom: 70px; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .atbs-post--grid-g.atbs-block--has-bg .atbs-block__inner .post-main { padding-top: 70px; } .atbs-post--grid-g.atbs-block--has-bg .post-main::before { content: ''; position: absolute; left: -webkit-calc(-50vw + 1170px/2); left: -moz-calc(-50vw + 1170px/2); left: calc(-50vw + 1170px/2); top: 0; width: 50vw; height: 100%; background-color: var(--color-primary); } .atbs-post--grid-g .atbs-block__inner .post-sub { width: 340px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; padding-right: 80px; padding-bottom: 70px; padding-top: 70px; } .atbs-post--grid-g .atbs-block__inner .post-sub .list-item { width: 100%; } /* Content */ /*post main*/ .post--horizontal-video-text-top-right .post__thumb { width: 100%; margin-bottom: 0; margin-right: 0; -webkit-box-shadow: 0 70px 25px -45px rgba(50, 50, 93, 0.15); -moz-box-shadow: 0 70px 25px -45px rgba(50, 50, 93, 0.15); box-shadow: 0 70px 25px -45px rgba(50, 50, 93, 0.15); } .post--horizontal-video-text-top-right .post__thumb::after { content: ''; background-color: #000; } .post--horizontal-video-text-top-right .post__text { position: absolute; right: -400px; top: 40px; width: 340px; } .post--horizontal-video-text-top-right .post__title a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .post--horizontal-video-text-top-right a.btn-play-iframe.btn-play-iframe__style-2 { width: 80px; height: 80px; } /*post sub*/ .atbs-post--grid-g .post-sub .posts-navigation__label { position: initial; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 15px; color: var(--color-text); font-weight: 600; opacity: 0.8; text-transform: uppercase; } .atbs-post--grid-g .post-sub .posts-navigation__label::before { display: none; } .post--vertical-video-small .post__title { font-weight: 500; } .post--vertical-video-small .post__title a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } @media (min-width: 1200px) { .atbs-post--grid-g .post--horizontal-video-text-top-right.post__thumb-465 .post__thumb { height: 520px; } } @media (max-width: 1199px) { /* Layout */ .atbs-post--grid-g .atbs-block__inner .post-main { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 50px; } .atbs-post--grid-g.atbs-block--has-bg .post-main::before { left: -webkit-calc(-50vw + 940px/2 - 100px); left: -moz-calc(-50vw + 940px/2 - 100px); left: calc(-50vw + 940px/2 - 100px); } .atbs-post--grid-g .atbs-block__inner .post-sub { padding-right: 95px; width: 380px; padding-top: 205px; } /* Content */ /*post main*/ .post--horizontal-video-text-top-right .post__thumb { height: 390px; } .post--horizontal-video-text-top-right .post__title { font-size: 20px; line-height: 1.4; } .post--horizontal-video-text-top-right .post__text { top: 0; right: -390px; } .post--horizontal-video-text-top-right a.btn-play-iframe.btn-play-iframe__style-2 { width: 70px; height: 70px; } /*post sub*/ .atbs-post--grid-g .post-sub .posts-navigation__label { margin-bottom: 10px; font-size: 13px; } .post--vertical-video-small .post__thumb { margin-bottom: 15px; height: 135px; } } @media (max-width: 991px) { /* Layout */ .atbs-post--grid-g .atbs-block__inner .post-main { margin-right: 40px; } .atbs-post--grid-g.atbs-block--has-bg .post-main::before { left: -webkit-calc(-50vw + 720px/2 - 100px); left: -moz-calc(-50vw + 720px/2 - 100px); left: calc(-50vw + 720px/2 - 100px); } .atbs-post--grid-g .atbs-block__inner .post-sub { width: 290px; padding-right: 0; } /* Content */ /*post main*/ .post--horizontal-video-text-top-right .post__thumb { height: 400px; } .post--horizontal-video-text-top-right .post__text { right: -330px; width: 290px; } .post--horizontal-video-text-top-right .post__title { font-size: 20px; line-height: 1.4; } /*post sub*/ .post--vertical-video-small .post__thumb { height: 145px; } .post--vertical-video-small .post__title { font-size: 18px; line-height: 1.5; } .post--vertical-video-small .post__title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } } @media (max-width: 767px) { /* Layout */ .atbs-post--grid-g .atbs-block__inner .posts--wrap > div:not(:last-child) { margin-bottom: 40px; } .atbs-post--grid-g .atbs-block__inner::before { width: 70%; } .atbs-post--grid-g .atbs-block__inner .post-main { margin-right: 0; padding-bottom: 55px; width: 100%; -webkit-box-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; -ms-flex: initial; flex: initial; } .atbs-post--grid-g.atbs-block--has-bg .atbs-block__inner .post-main { padding-top: 55px; } .atbs-post--grid-g.atbs-block--has-bg .post-main::before { left: -webkit-calc(-50vw + 510px/2); left: -moz-calc(-50vw + 510px/2); left: calc(-50vw + 510px/2); width: -webkit-calc(50vw + 510px/2 - 100px); width: -moz-calc(50vw + 510px/2 - 100px); width: calc(50vw + 510px/2 - 100px); opacity: 0.1; } .atbs-post--grid-g .atbs-block__inner .post-sub { width: 100%; /*padding: 0 100px 0 0;*/ padding: 0; margin-top: 30px; } /* Content */ /*post main*/ .post--horizontal-video-text-top-right .post__thumb { margin-bottom: 20px; height: 310px; } .post--horizontal-video-text-top-right .post__text { position: initial; width: 100%; } .post--horizontal-video-text-top-right .post__title { font-size: 20px; } .post--horizontal-video-text-top-right a.btn-play-iframe.btn-play-iframe__style-2 { width: 60px; height: 60px; } /*post sub*/ .atbs-post--grid-g .post-sub .posts-navigation__label { margin-bottom: 15px; font-size: 15px; } .post--vertical-video-small { width: 100%; } .post--vertical-video-small .post__thumb { height: 265px; margin-bottom: 20px; } .post--vertical-video-small .post__title { font-size: 20px; /* 18px */ font-weight: 600; line-height: 1.4; } } @media (max-width: 575px) { /* Layout */ .atbs-post--grid-g.atbs-block--has-bg .post-main::before { left: -15px; width: -webkit-calc(80vw); width: -moz-calc(80vw); width: calc(80vw) } /* Content */ /*post main*/ .post--horizontal-video-text-top-right .post__thumb { height: 300px; } /*post sub*/ } @media (max-width: 480px) { /* Layout */ .atbs-post--grid-g.atbs-block--has-bg .post-main::before { left: -15px; width: -webkit-calc(80vw); width: -moz-calc(80vw); width: calc(80vw) } /* Content */ /*post main*/ .post--horizontal-video-text-top-right .post__thumb { height: 275px; } /*post sub*/ .post--vertical-video-small .post__thumb { height: 240px; } } @media (max-width: 420px) { /* Content */ /*post main*/ .post--horizontal-video-text-top-right .post__thumb { height: 250px; } /*post sub*/ .post--vertical-video-small .post__thumb { height: 215px; } } @media (max-width: 380px) { /* Layout */ .atbs-post--grid-g.atbs-block--has-bg .post-main::before { left: -15px; width: -webkit-calc(100vw); width: -moz-calc(100vw); width: calc(100vw) } /* Content */ /*post main*/ .post--horizontal-video-text-top-right .post__thumb { height: 235px; } /*post sub*/ .post--vertical-video-small .post__thumb { height: 200px; } } @media (max-width: 320px) { /* Content */ /*post main*/ .post--horizontal-video-text-top-right .post__thumb { height: 210px; } .post--horizontal-video-text-top-right a.btn-play-iframe.btn-play-iframe__style-2 { width: 50px; height: 50px; } /*post sub*/ .post--vertical-video-small .post__thumb { height: 170px; } } /* atbs-post--grid-g ----------------------- */ /*@end file 34*/ /* ----------------------- atbs-post--grid-h */ /* Layout */ .post--grid-2col_row, .post--grid-3col_row, .post--grid-4col_row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .post--grid-2col_row .grid-item { width: 50%; padding: 15px; } .post--grid-3col_row .grid-item { width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); padding: 15px; } .post--grid-4col_row .grid-item { width: -webkit-calc(100% / 4); width: -moz-calc(100% / 4); width: calc(100% / 4); padding: 15px; } .atbs-post--grid-h.atbs-block--has-bg { padding: 70px 0; background-color: #f9f9f9; } .atbs-post--grid-h .atbs-block__inner > div > div:not(:last-child) { margin-bottom: 60px; } /* post grid 2 item in 1 row */ .atbs-post--grid-h .post--grid-2col_row { margin: -40px; } .atbs-post--grid-h .post--grid-2col_row .grid-item { padding: 40px; } .atbs-post--grid-h .post--grid-2col_row .grid-item:first-child { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .atbs-post--grid-h .post--grid-2col_row .grid-item:not(:first-child) { width: 400px; margin-top: 25px; } .atbs-post--grid-h .post--grid-2col_row .posts-list-horizontal-85 { margin: -15px; } .atbs-post--grid-h .post--grid-2col_row .posts-list-horizontal-85 .list-item { padding: 15px; } /* post grid 3 item in 1 row */ .atbs-post--grid-h .post--grid-3col_row { margin: -30px; } .atbs-post--grid-h .post--grid-3col_row .grid-item { padding: 30px; } /* Content */ /* post grid 2 item in 1 row */ /*left*/ .atbs-post--grid-h .post--horizontal-not-middle .post__excerpt { margin-bottom: 40px; } .atbs-post--grid-h .post--horizontal-not-middle .post__readmore .button__readmore:hover, .atbs-post--grid-h .post--horizontal-not-middle .post__readmore .button__readmore:focus { color: var(--color-primary); } /*right*/ .post--horizontal-85 .post__thumb { height: 85px; width: 85px; margin-right: 25px; } /* .post--horizontal-85 .post-time-cat-wrap .post__cat, .post--horizontal-85 .post-time-cat-wrap time.time { font-size: 10px; } .post--horizontal-85 .post__title { font-weight: 500; } */ /* post grid 3 item in 1 row */ .post--vertical-3i-thumb-large .post__title { font-size: 20px; line-height: 1.36; max-width: 90%; } .post-no-thumb-not-readmore a.post__cat, .atbs-post--grid-h .grid-item:first-child .post-no-thumb-not-readmore a.post__cat { border: 1px solid rgba(255,255,255,0.2); } @media (min-width: 992px) { .atbs-post--grid-h .post--grid-4col_row:hover .grid-item:first-child:hover .post-no-thumb-not-readmore, .atbs-post--grid-h .grid-item:first-child .post-no-thumb-not-readmore { background-color: var(--color-primary); -webkit-box-shadow: 0 43px 35px -21px rgb(50 50 93 / 23%); -moz-box-shadow: 0 43px 35px -21px rgb(50 50 93 / 23%); box-shadow: 0 43px 35px -21px rgb(50 50 93 / 23%); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; } .post-no-thumb-not-readmore a.post__cat, .atbs-post--grid-h .grid-item:first-child .post-no-thumb-not-readmore a.post__cat { border: 1px solid rgba(255,255,255,0.2); } .atbs-post--grid-h .post--grid-4col_row:hover .grid-item:first-child:hover .post-no-thumb-not-readmore.hover-text-color-white .post__title, .atbs-post--grid-h .post--grid-4col_row:hover .grid-item:first-child:hover .post-no-thumb-not-readmore.hover-text-color-white .post__meta, .atbs-post--grid-h .post--grid-4col_row:hover .grid-item:first-child:hover .post-no-thumb-not-readmore.hover-text-color-white .post__meta .time, .atbs-post--grid-h .post--grid-4col_row:hover .grid-item:first-child:hover .post-no-thumb-not-readmore.hover-text-color-white a.post__cat, .atbs-post--grid-h .post--grid-4col_row:hover .grid-item:first-child:hover .post-no-thumb-not-readmore.hover-text-color-white .estimate-reading-time, .atbs-post--grid-h .post--grid-4col_row:hover .grid-item:first-child:hover .post-no-thumb-not-readmore.hover-text-color-white .post-author__text, .atbs-post--grid-h .post--grid-4col_row:hover .grid-item:first-child:hover .post-no-thumb-not-readmore.hover-text-color-white .post-author__name, .atbs-post--grid-h .post--grid-4col_row:hover .grid-item:first-child:hover .post-no-thumb-not-readmore.hover-text-color-white .post__comment a, .atbs-post--grid-h .grid-item:first-child .post-no-thumb-not-readmore.hover-text-color-white .post__title, .atbs-post--grid-h .grid-item:first-child .post-no-thumb-not-readmore.hover-text-color-white .post__meta, .atbs-post--grid-h .grid-item:first-child .post-no-thumb-not-readmore.hover-text-color-white .post__meta .time, .atbs-post--grid-h .grid-item:first-child .post-no-thumb-not-readmore.hover-text-color-white a.post__cat, .atbs-post--grid-h .grid-item:first-child .post-no-thumb-not-readmore.hover-text-color-white .estimate-reading-time, .atbs-post--grid-h .grid-item:first-child .post-no-thumb-not-readmore.hover-text-color-white .post-author__text, .atbs-post--grid-h .grid-item:first-child .post-no-thumb-not-readmore.hover-text-color-white .post-author__name, .atbs-post--grid-h .grid-item:first-child .post-no-thumb-not-readmore.hover-text-color-white .post__comment a { color: #fff !important; } .atbs-post--grid-h .grid-item:first-child .post-no-thumb-not-readmore:not(.hover-text-color-white) .post__cat.cat-theme.cat-theme, .post-no-thumb-not-readmore:not(.hover-text-color-white):hover .post__cat.cat-theme.cat-theme { color: var(--color-meta) !important; } .post-no-thumb-not-readmore .post__title a:focus { color: var(--color-text); } .post-no-thumb-not-readmore :focus { outline-color: currentcolor; } .post-no-thumb-not-readmore.hover-text-color-white .post__title a:focus { color: var(--color-white); } .atbs-post--grid-h .post--grid-4col_row:hover .grid-item:first-child .post-no-thumb-not-readmore { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .atbs-post--grid-h .post--grid-4col_row:hover .grid-item:first-child .post-no-thumb-not-readmore .post__cat { /*color: var(--color-primary) !important;*/ } .atbs-post--grid-h .post--grid-4col_row:hover .grid-item:first-child .post-no-thumb-not-readmore .time { color: var(--color-meta) !important; } .atbs-post--grid-h .post--grid-4col_row:hover .grid-item:first-child .post-no-thumb-not-readmore .post__title, .atbs-post--grid-h .post--grid-4col_row:hover .grid-item:first-child .post-no-thumb-not-readmore .estimate-reading-time, .atbs-post--grid-h .post--grid-4col_row:hover .grid-item:first-child .post-no-thumb-not-readmore .post-author__text, .atbs-post--grid-h .post--grid-4col_row:hover .grid-item:first-child .post-no-thumb-not-readmore .post-author__name, .atbs-post--grid-h .post--grid-4col_row:hover .grid-item:first-child .post-no-thumb-not-readmore .post__meta, .atbs-post--grid-h .post--grid-4col_row:hover .grid-item:first-child .post-no-thumb-not-readmore .post__comment a { color: var(--color-text) !important; } } /* post grid 4 item in 1 row */ @media (max-width: 1199px) { /* Layout */ .atbs-post--grid-h .atbs-block__inner > div > div:not(:last-child) { margin-bottom: 45px; } /* post grid 2 item in 1 row */ .atbs-post--grid-h .post--grid-2col_row { margin: -20px; } .atbs-post--grid-h .post--grid-2col_row .grid-item { padding: 20px; } /*left*/ /*right*/ .atbs-post--grid-h .post--grid-2col_row .grid-item:not(:first-child) { margin-top: 0; width: 340px; } /* post grid 3 item in 1 row */ .atbs-post--grid-h .post--grid-3col_row { margin: -20px; } .atbs-post--grid-h .post--grid-3col_row .grid-item { padding: 20px; } /* Content */ /* post grid 2 item in 1 row */ /*left*/ .atbs-post--grid-h .post--horizontal-not-middle .post__thumb { height: 390px; width: 330px; } .atbs-post--grid-h .post--horizontal-not-middle .post__text { margin-top: 50px; } .atbs-post--grid-h .post--horizontal-not-middle .post__title { font-size: 20px; line-height: 1.4; } /*right*/ .atbs-post--grid-h .post--horizontal-85 .post-time-cat-wrap .post__cat:not(:last-child) { margin-right: 0; } .atbs-post--grid-h .post--horizontal-85 .post-time-cat-wrap time { display: none; } .post--horizontal-85 .post__title { font-size: 14px; line-height: 1.5; } /* post grid 3 item in 1 row */ .post--vertical-3i-thumb-large .post__thumb { height: 210px; } .post--vertical-3i-thumb-large .post__title { font-size: 20px; line-height: 1.4; max-width: 100%; font-weight: 600; } } @media (max-width: 1199px) and (min-width: 992px) { .atbs-post--grid-h .post--grid-4col_row { margin: 0; } .atbs-post--grid-h .post--grid-4col_row > * { padding: 0; } .atbs-post--grid-h .atbs-block__inner > div > div:not(:last-child) { margin-bottom: 60px; } .atbs-post--grid-h .post--grid-2col_row .grid-item:not(:first-child) { width: 370px; } /*left*/ .atbs-post--grid-h .post--horizontal-not-middle .post__thumb { height: 280px; width: 100%; margin: 0 0 20px 0; } .atbs-post--grid-h .post--horizontal-not-middle .post__text { margin-top: 0; width: 100%; } .atbs-post--grid-h .post--horizontal-not-middle .post__title { font-size: 22px; line-height: 1.4; margin-bottom: 0; } .atbs-post--grid-h .post--horizontal-not-middle .post__readmore, .atbs-post--grid-h .post--horizontal-not-middle .post__excerpt { display: none; } } @media (max-width: 991px) and (min-width:768px) { /* Layout */ /* post grid 2 item in 1 row */ .atbs-post--grid-h .block-heading.block-heading-small { margin-bottom: 35px; } } @media (max-width: 991px) { /* Layout */ .atbs-post--grid-h .atbs-block__inner > div > div:not(:last-child) { margin-bottom: 35px; } /* post grid 2 item in 1 row */ .atbs-post--grid-h .post--grid-2col_row { margin: -20px; } .atbs-post--grid-h .post--grid-2col_row .grid-item:first-child { width: 100%; -webkit-box-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; -ms-flex: initial; flex: initial; } .atbs-post--grid-h .post--grid-2col_row .grid-item:last-child { width: 100%; } /*right*/ .atbs-post--grid-h .post--grid-2col_row .posts-list-horizontal-85 { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .atbs-post--grid-h .post--grid-2col_row .posts-list-horizontal-85 .list-item { width: 50%; /*width: calc(100% / 3);*/ } /* post grid 4 item in 1 row */ .post--grid-4col_row .grid-item { width: 50%; } /* post grid 3 item in 1 row */ .atbs-post--grid-h .post--grid-3col_row { margin: -15px; } .atbs-post--grid-h .post--grid-3col_row .grid-item { padding: 15px; width: 50%; } /* Content */ /*post grid 2 item in 1 row*/ /*left*/ .atbs-post--grid-h .post--horizontal-not-middle .post__thumb { height: 380px; width: 340px; } .atbs-post--grid-h .post--horizontal-not-middle .post__text { margin-top: 0; } .atbs-post--grid-h .post--horizontal-not-middle .post__title { font-size: 26px; line-height: 1.3; margin-bottom: 30px; } .atbs-post--grid-h .post--horizontal-not-middle .post__excerpt { max-width: 80%; } /*right*/ .post--horizontal-85.post--horizontal-middle { -webkit-box-align: initial; -webkit-align-items: initial; -moz-box-align: initial; -ms-flex-align: initial; align-items: initial; } .post--horizontal-85 .post-time-cat-wrap { margin-bottom: 5px; } .post--horizontal-85 .post__title { font-size: 15px; line-height: 1.5; max-width: 100%; } .post--horizontal-85 .post__thumb { /*width: 70px;*/ /*height: 70px;*/ margin-right: 20px; } /*post grid 4 item in 1 row*/ .atbs-post--grid-h .post-no-thumb-not-readmore { background-color: #fff; height: 100%; } .atbs-post--grid-h .post-no-thumb-not-readmore:hover { background-color: var(--color-primary); } .atbs-post--grid-h .post-no-thumb-not-readmore .post__title { margin-bottom: 45px; } } @media (max-width: 991px) and (min-width: 768px) { .atbs-post--grid-h .post--horizontal-not-middle { display: flex; flex-wrap: wrap; align-items: center; } .atbs-post--grid-h .post--horizontal-not-middle .post__text { flex: 1; } .atbs-post--grid-h .post--horizontal-not-middle .post__title { font-size: 22px; line-height: 1.4; margin-bottom: 20px; } } @media (max-width: 767px) { /* Layout */ /* post grid 2 item in 1 row */ /*right*/ .atbs-post--grid-h .post--grid-2col_row .posts-list-horizontal-85 { margin: -12.5px; } .atbs-post--grid-h .post--grid-2col_row .posts-list-horizontal-85 .list-item { width: 100%; padding: 12.5px; } /* Content */ /**/ /*left*/ .atbs-post--grid-h .post--horizontal-not-middle .post__thumb { height: 335px; width: 100%; } .atbs-post--grid-h .post--horizontal-not-middle .post__title { font-size: 20px; line-height: 1.4; margin-bottom: 20px; } /*right*/ .post--horizontal-85.post--horizontal-middle { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .post--horizontal-85 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .post--horizontal-85 .post__thumb { margin-bottom: 0; width: 90px; height: 90px; margin-right: 20px; } .post--horizontal-85 .post__text { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .post--horizontal-85 .post__title { font-size: 16px; line-height: 1.5; } /**/ .atbs-post--grid-h .post-no-thumb-not-readmore { padding: 25px; } .atbs-post--grid-h .post-no-thumb-not-readmore .post__title { font-size: 16px; max-width: 100%; margin-bottom: 50px; line-height: 1.5; } /**/ .post--vertical-3i-thumb-large .post__thumb { height: 230px; } .post--vertical-3i-thumb-large .post__title { font-size: 20px; max-width: 95%; line-height: 1.4; } .atbs-post--grid-h .post--horizontal-not-middle .post__excerpt { margin-bottom: 0; } /**/ .atbs-post--grid-h .post--grid-3col_row .grid-item { width: 100%; } } @media (max-width: 575px) { /* Layout */ .atbs-post--grid-h.atbs-block--has-bg { padding: 50px 0; } /* Content */ /**/ .atbs-post--grid-h .post--horizontal-not-middle .post__excerpt { margin-bottom: 0; } /* post grid 4 item in 1 row */ .atbs-post--grid-h .post-no-thumb-not-readmore { padding: 20px; } } @media (max-width: 480px) { /* Layout */ /* post grid 2 item in 1 row */ /* post grid 4 item in 1 row*/ .post--grid-4col_row .grid-item { width: 100%; } /* post grid 3 item in 1 row*/ .atbs-post--grid-h .post--grid-3col_row { margin: -17.5px; } .atbs-post--grid-h .post--grid-3col_row .grid-item { width: 100%; padding: 17.5px; } /* Content */ /*post grid 2 item in 1 row*/ /*left*/ .atbs-post--grid-h .post--horizontal-not-middle .post__thumb { height: 275px; } .atbs-post--grid-h .post--horizontal-not-middle .post__excerpt { max-width: 90%; } /*right*/ .post--horizontal-85 .post__thumb { margin-right: 20px; } /* post grid 4 item in 1 row */ .atbs-post--grid-h .post-no-thumb-not-readmore { padding: 25px; } /* post grid 3 item in 1 row*/ .post--vertical-3i-thumb-large .post__thumb { height: 260px; } .post--vertical-3i-thumb-large .post__title { max-width: 95%; font-size: 20px; line-height: 1.4; } .atbs-post--grid-h .post-no-thumb-not-readmore .post__title { font-size: 18px; line-height: 1.5; } } @media (max-width: 420px) { /* Layout */ /* Content */ .post--vertical-3i-thumb-large .post__thumb { height: 240px; } } @media (max-width: 380px) { /* Layout */ /* Content */ /*post grid 2 item in 1 row*/ /*left*/ .atbs-post--grid-h .post--horizontal-not-middle .post__thumb { height: 250px; } .atbs-post--grid-h .post--horizontal-not-middle .post__excerpt { max-width: 100%; } /*right*/ .post--horizontal-85 .post__title { font-size: 15px; } /*post grid 3 item in 1 row*/ .post--vertical-3i-thumb-large .post__thumb { height: 225px; } .post--vertical-3i-thumb-large .post__title { max-width: 100%; } } @media (max-width: 320px) { /* Layout */ /* Content */ /*post grid 2 item in 1 row*/ /*left*/ .atbs-post--grid-h .post--horizontal-not-middle .post__thumb { height: 210px; } .atbs-post--grid-h .post--horizontal-not-middle .post__title { font-size: 18px; line-height: 1.46; } /*right*/ .post--horizontal-85 .post__thumb { width: 80px; height: 80px; } /* post grid 4 item in 1 row*/ .atbs-post--grid-h .post-no-thumb-not-readmore .post__title { margin-bottom: 35px; } /* post grid 3 item in 1 row*/ .post--vertical-3i-thumb-large .post__thumb { height: 200px; } .post--vertical-3i-thumb-large .post__title { font-size: 16px; line-height: 1.53; } } /* atbs-post--grid-h ----------------------- */ /*@end file 35*/ /* ----------------------- atbs-post--grid-n */ .atbs-post--grid-n .post-main { width: -webkit-calc(50% + 115px); width: -moz-calc(50% + 115px); width: calc(50% + 115px); } .atbs-post--grid-n .post-main .post--vertical .post__text{ width: 100vw; top:0; position: absolute; bottom: 100%; } .atbs-post--grid-n .post-main .post--vertical .post__thumb{ margin-bottom: 0; } .atbs-post--grid-n .post-main .post--vertical .post__text--wrap{ width: 1200px; left: 50%; padding: 0 15px 0 15px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; top: 0; } .atbs-post--grid-n .post-main .post--vertical{ min-width: -webkit-calc(100vw - 50vw - 600px); min-width: -moz-calc(100vw - 50vw - 600px); min-width: calc(100vw - 50vw - 600px); } .atbs-post--grid-n .post-main .post--vertical{ padding-top: 220px; } .atbs-post--grid-n .post-main .post--vertical .post__title{ font-size: 28px; line-height: 1.39; font-weight: 700; padding-right: 135px; } .atbs-post--grid-n .post-main .post--vertical .post__title a{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .atbs-post--grid-n .post-main .post--vertical .post__excerpt{ width: 470px; font-size: 16px; line-height: 1.56; } .atbs-post--grid-n .post-main .post--vertical .post__excerpt .excerpt{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .atbs-post--grid-n .post-main .post--vertical.post--thumb-vw .post__thumb{ width: 100%; height: 658px; } /* .post-sub*/ .atbs-post--grid-n .post-sub{ margin-top: 220px; width: 470px; } .atbs-post--grid-n .post-sub .post--horizontal-xs .post__thumb{ height: 85px; width: 85px; } .atbs-post--grid-n .post-sub .posts-list .list-item{ padding: 35px 60px; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease; } .atbs-post--grid-n .post-sub .posts-list .list-item:hover{ background: var(--color-primary); } .atbs-post--grid-n .post-sub .posts-list .post__title{ font-size: 16px; line-height: 1.43; } .atbs-post--grid-n .post-sub .posts-list .list-item:hover .post__title, .atbs-post--grid-n .post-sub .posts-list .list-item:hover .time, .atbs-post--grid-n .post-sub .posts-list .list-item:hover .post__cat { color: #fff; } /* reponsive */ @media(max-width: 1199px){ .atbs-post--grid-n .post-main .post--vertical .post__text--wrap{ width: 970px; } .atbs-post--grid-n .post-main{ width: -webkit-calc(50% + 70px); width: -moz-calc(50% + 70px); width: calc(50% + 70px); } .atbs-post--grid-n .post-sub{ width: 400px; } .atbs-post--grid-n .post-main .post--vertical .post__excerpt{ width: 400px; } .atbs-post--grid-n .post-main .post--vertical .post__title{ font-size: 24px; padding-right: 60px; } .atbs-post--grid-n .post-sub .posts-list .list-item{ padding: 25px 50px; } .atbs-post--grid-n .post-main .post--vertical.post--thumb-vw .post__thumb{ height: 600px; } } @media(max-width: 991px){ .atbs-post--grid-n .post-main .post--vertical .post__text--wrap{ width: 100%; } .atbs-post--grid-n .post-main .post--vertical{ padding-top: 0; } .atbs-post--grid-n .post-main{ width: 100%; } .atbs-post--grid-n .atbs-block__inner{ display: block; } .atbs-post--grid-n .post-main .post--vertical.post--thumb-vw .post__thumb{ height: 360px; } .atbs-post--grid-n .post-main .post--vertical .post__excerpt{ width: 270px; } .atbs-post--grid-n .post-main .post--vertical .post__title{ margin-bottom: 0; font-size: 22px; } .atbs-post--grid-n .post-main .post--vertical .post__text{ width: 750px; position: relative; margin-left: 0; margin-right: 0; bottom:0; margin-bottom: 30px; } .atbs-post--grid-n .post-main .post--vertical .post__text--wrap{ width: 100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); left: 0; position: relative; } .atbs-post--grid-n .post-main .post--vertical{ min-width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } /* post-sub*/ .atbs-post--grid-n .post-sub{ width: 720px; margin-left: auto; margin-right: auto; margin-top: 40px; } .atbs-post--grid-n .post-sub .posts-list{ margin: -20px -30px; } .atbs-post--grid-n .post-sub .posts-list .list-item{ width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); padding: 20px 30px; } } @media(max-width: 767px){ .atbs-post--grid-n .flex-column-reverse{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media(max-width: 767px){ .atbs-post--grid-n .post-main .post--vertical .post__text{ width: 540px; } .atbs-post--grid-n .post-main .post--vertical .post__excerpt{ display: none; } .atbs-post--grid-n .post-main .post--vertical .post__title{ font-size: 26px; padding-right: 0; } .atbs-post--grid-n .post-sub{ width: 510px; } .atbs-post--grid-n .post-sub .posts-list .list-item{ width: -webkit-calc(100%); width: -moz-calc(100%); width: calc(100%); padding: 20px 30px; } } @media(max-width: 575px){ .atbs-post--grid-n .flex-column-reverse{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: unset; -ms-flex-wrap: unset; flex-wrap: unset; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .atbs-post--grid-n .post-main .post--vertical .post__text{ width: 100%; padding: 0px 15px; } .atbs-post--grid-n .post-main .post--vertical .post__text--wrap{ padding:0; } .atbs-post--grid-n .post-main .post--vertical.post--thumb-vw .post__thumb{ padding-right: 15px; height: 270px; } .atbs-post--grid-n .post-sub .posts-list .list-item{ padding: 15px 15px; position: relative; } .atbs-post--grid-n .post-sub .posts-list .list-item:not(:last-child)::before{ content: ""; width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); left: 15px; bottom:0; height: 1px; position: absolute; background-color: rgba(0,0,0,0.1); } .atbs-post--grid-n .post-sub .posts-list{ margin: -15px -15px; } .atbs-post--grid-n .post-sub{ width: 100%; padding: 0px 15px; } .atbs-post--grid-n .post-sub .posts-list .post__title{ font-size: 15px; line-height: 1.4; } } /* atbs-post--grid-n ----------------------- */ /*@end file 36*/ /* ----------------------- atbs-post--grid-o */ .atbs-post--grid-o .posts-list .list-item { width: 400px; float: left; } .atbs-post--grid-o .posts-list .list-item:nth-child(1) { width: 770px; float: left; } .atbs-post--grid-o-no-background .posts-list .list-item:nth-child(1) { float: right; } .atbs-post--grid-o.atbs-block--has-bg .atbs-block__inner { position: relative; padding-top: 100px; } .atbs-post--grid-o.atbs-block--has-bg .atbs-block__inner::after { position: absolute; content: ""; background-color: #F5F5F5; width: 9999px; height: -webkit-calc(100% - 60px); height: -moz-calc(100% - 60px); height: calc(100% - 60px); left: 50%; top: 0; z-index: -1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .atbs-post--grid-o:not(.atbs-block--has-bg) .posts-list .list-item:nth-child(2) { border-top: 1px solid var(--color-border); border-right: 1px solid var(--color-border); } .atbs-post--grid-o .post__readmore .button__readmore { color: var(--color-text); opacity: 0.8; } .atbs-post--grid-o .post__readmore .readmore__text { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .atbs-post--grid-o .posts-list .list-item:nth-child(3) { background-color: #222; } .atbs-post--grid-o .posts-list .list-item:nth-child(2) { background-color: #fff; } .atbs-post--grid-o .posts-list .list-item:nth-child(3) .post__title, .atbs-post--grid-o .posts-list .list-item:nth-child(3) .time, .atbs-post--grid-o .posts-list .list-item:nth-child(3) .post__readmore .button__readmore { color: rgba(255,255,255,0.8); opacity: 1; } .atbs-post--grid-o .posts-list .list-item:nth-child(3) .post__cat { color: rgba(255,255,255,0.8) !important; } .atbs-post--grid-o .post--overlay-bottom .post__text-inner { padding: 40px; } .atbs-post--grid-o .post--overlay-bottom .post__title { margin: 0; font-size: 26px; line-height: 1.4; } .post-no-thumb-has-readmore .post__text { min-height: 280px; padding: 40px; } .post-no-thumb-has-readmore .post__title a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } .post-no-thumb-has-readmore .post__readmore .button__readmore { position: absolute; bottom: 40px; right: 40px; } .atbs-post--grid-o .list-item:nth-child(3) .post--no-thumb .post__cat--bg.cat-theme-bg { border: 1px solid rgba(255,255,255,0.2); } @media(max-width: 1199px) { .atbs-post--grid-o .posts-list .list-item { width: -webkit-calc(100% - 616px); width: -moz-calc(100% - 616px); width: calc(100% - 616px); } .atbs-post--grid-o .posts-list .list-item:nth-child(1) { width: 616px; } .post-no-thumb-has-readmore .post__title.typescale-2 { font-size: 18px; line-height: 1.5; } } @media(max-width: 1199px) and (min-width:992px) { .atbs-post--grid-o .post--overlay-bottom.post--overlay .post__text { min-height: 560px; } } @media(max-width: 991px) { .atbs-post--grid-o.atbs-block--has-bg .atbs-block__inner { padding-top: 80px; } .atbs-post--grid-o .posts-list .list-item { width: 50%; } .atbs-post--grid-o .posts-list .list-item:nth-child(1) { width: 100%; } .atbs-post--grid-o .posts-list .list-item:nth-child(2) { -webkit-box-shadow: 0.2px 0px 1px 0.2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0.2px 0px 1px 0.2px rgba(0, 0, 0, 0.15); box-shadow: 0.2px 0px 1px 0.2px rgba(0, 0, 0, 0.15); } .atbs-post--grid-o .post--overlay-bottom .post__title { font-size: 24px; line-height: 1.4; } } @media(max-width: 767px) { .atbs-post--grid-o.atbs-block--has-bg .atbs-block__inner { padding-top: 60px; } .post-no-thumb-has-readmore .post__text { min-height: 240px; } .post-no-thumb-has-readmore .post__title.typescale-2 { font-size: 16px; } .atbs-post--grid-o .post--overlay-bottom .post__text-inner { padding: 30px 20px; } .post-no-thumb-has-readmore .post__text { padding: 30px 20px; } .atbs-post--grid-o .post--overlay-bottom .post__title { font-size: 22px; line-height: 1.4; } } @media(max-width: 575px) { .post-no-thumb-has-readmore .post__text { min-height: 240px; } .post-no-thumb-has-readmore .post__title.typescale-2 { font-size: 20px; line-height: 1.4; } .atbs-post--grid-o .posts-list .list-item { width: 100%; margin-bottom: 20px; } .atbs-post--grid-o .posts-list .list-item:last-child { margin-bottom: 0; } .atbs-post--grid-o .posts-list .list-item:nth-child(1) { width: 100%; } .post-no-thumb-has-readmore .post__text { padding: 30px 15px; } .atbs-post--grid-o .post--overlay-bottom .post__text-inner { padding: 30px 15px; } .atbs-post--grid-o .post--overlay-bottom .post__title { font-size: 20px; line-height: 1.4; } } @media (max-width: 575px) { .post-no-thumb-has-readmore .post__title.typescale-2 { font-size: 18px; line-height: 1.4; } } @media(max-width: 380px) { .post-no-thumb-has-readmore .post__text { min-height: 270px; } } /* atbs-post--grid-o ----------------------- */ /*@end file 37*/ /* ----------------- Featured Slider C */ .post--horizontal-fullwidth-large .post__text { width: 700px; padding: 170px 140px 170px 70px; } .post--horizontal-fullwidth-large .post__thumb { width: -webkit-calc(100% - 735px); width: -moz-calc(100% - 735px); width: calc(100% - 735px); height: 660px; margin-right: 0; margin-bottom: 0; } .atbs-feature-slider-c .slide-content { width: -webkit-calc(100%); width: -moz-calc(100%); width: calc(100%); } .post--horizontal-fullwidth-large .post__title { margin-bottom: 25px; } .post--horizontal-fullwidth-large .post__readmore { margin-top: 20px; } .atbs-feature-slider-c .owl-carousel .owl-prev, .atbs-feature-slider-c .owl-carousel .owl-next { width: 70px; height: 70px; -webkit-box-shadow: 0px 10px 21px #00000029; -moz-box-shadow: 0px 10px 21px #00000029; box-shadow: 0px 10px 21px #00000029; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; color: #000; right: unset; left: unset; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; position: unset; -webkit-transition: 0.3s all; -o-transition: 0.3s all; -moz-transition: 0.3s all; transition: 0.3s all; } .atbs-feature-slider-c .owl-carousel .owl-prev:hover, .atbs-feature-slider-c .owl-carousel .owl-next:hover, .atbs-feature-slider-c .owl-carousel .owl-prev:focus, .atbs-feature-slider-c .owl-carousel .owl-next:focus { background-color: var(--color-primary); color: #fff; } .atbs-feature-slider-c .owl-carousel .owl-prev:hover i, .atbs-feature-slider-c .owl-carousel .owl-next:hover i, .atbs-feature-slider-c .owl-carousel .owl-prev:focus i, .atbs-feature-slider-c .owl-carousel .owl-next:focus i { color: rgba(255, 255, 255, 1); } .atbs-feature-slider-c .owl-carousel .owl-prev i, .atbs-feature-slider-c .owl-carousel .owl-next i { color: rgba(0, 0, 0, 0.6); } .atbs-feature-slider-c .owl-carousel .owl-nav > *:not(:last-child) { margin-bottom: 30px; } .post--horizontal-fullwidth-large { width: -webkit-calc(90vw); width: -moz-calc(90vw); width: calc(90vw); } .atbs-feature-slider-c .owl-carousel .owl-nav { top: 282px; /* top: 135px; */ left: -webkit-calc(90vw - 35px); left: -moz-calc(90vw - 35px); left: calc(90vw - 35px); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; } @media(min-width:1366px) { .atbs-feature-slider-c .owl-carousel .owl-nav { top: 282px; /* top: 135px; */ left: -webkit-calc(100vw - 275px); left: -moz-calc(100vw - 275px); left: calc(100vw - 275px); } .post--horizontal-fullwidth-large { width: -webkit-calc(100vw - 240px); width: -moz-calc(100vw - 240px); width: calc(100vw - 240px); } } @media(min-width:768px) { .atbs-feature-slider-c .owl-carousel .owl-dots { display: none; } } @media(max-width: 1199px) { .atbs-feature-slider-c .owl-carousel .owl-nav { top: 282px; /* top: 135px; */ left: -webkit-calc(100vw - 105px); left: -moz-calc(100vw - 105px); left: calc(100vw - 105px); } .post--horizontal-fullwidth-large { width: -webkit-calc(100vw - 70px); width: -moz-calc(100vw - 70px); width: calc(100vw - 70px); } } @media(max-width: 1199px) { .post--horizontal-fullwidth-large .post__text { width: 450px; padding: 100px 60px; } .post--horizontal-fullwidth-large .post__thumb { width: -webkit-calc(100% - 450px); width: -moz-calc(100% - 450px); width: calc(100% - 450px); height: 540px; } .post--horizontal-fullwidth-large .post__title { font-size: 26px; line-height: 1.4; margin-bottom: 20px; } .post--horizontal-fullwidth-large .post__readmore { margin-top: 30px; } } @media (max-width: 991px) { .atbs-feature-slider-c .owl-carousel .owl-nav > * { width: 60px; height: 60px; padding: 0; } } @media (max-width: 767px) { .atbs-feature-slider-c .owl-carousel .owl-nav { top: unset; bottom: 0; left: unset; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; right: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .atbs-feature-slider-c .owl-carousel .owl-nav > *:not(:last-child) { margin-bottom: 0; margin-right: 10px; } .post--horizontal-fullwidth-large { width: 100%; } .post--horizontal-fullwidth-large .post__text { width: 100%; padding: 0 20px; } .post--horizontal-fullwidth-large .post__thumb { width: -webkit-calc(100vw); width: -moz-calc(100vw); width: calc(100vw); height: 330px; margin-bottom: 20px; } .post--horizontal-fullwidth-large .post__title { font-size: 24px; line-height: 1.4; font-weight: 600; } .post--horizontal-fullwidth-large .post__readmore { display: none; } .atbs-feature-slider-c .owl-carousel .owl-nav { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left: 50%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .atbs-feature-slider-c .owl-carousel .owl-dots { text-align: left; margin: 50px auto 0; padding: 0; } .atbs-feature-slider-c .owl-carousel .owl-prev, .atbs-feature-slider-c .owl-carousel .owl-next { background-color: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 50px; height: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } } @media(max-width: 767px) and (min-width:576px) { .post--horizontal-fullwidth-large .post__text { padding: 0; } .post--horizontal-fullwidth-large .post__text { width: 540px; padding: 0 20px; margin-left: auto; margin-right: auto; } .atbs-feature-slider-c .owl-carousel .owl-nav, .atbs-feature-slider-c .owl-carousel .owl-dots { width: 510px; } } @media(max-width: 575px) { .post--horizontal-fullwidth-large .post__thumb { margin-bottom: 20px; } .post--horizontal-fullwidth-large .post__text { padding: 0 15px; } .atbs-feature-slider-c .owl-carousel .owl-nav, .atbs-feature-slider-c .owl-carousel .owl-dots { width: 100%; padding-left: 15px; padding-right: 15px; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); left: 0; right: 0; } .atbs-feature-slider-c .owl-carousel .owl-nav { z-index: 1; } .post--horizontal-fullwidth-large .post__title { font-size: 22px; line-height: 1.4; } } @media (max-width: 480px) { .post--horizontal-fullwidth-large .post__title { font-size: 20px; line-height: 1.4; } } /* .Featured Slider C ----------------- */ /*@end file 38*/ /* ----------------------- atbs-feature-a */ /* Layout */ .atbs-feature-a .atbs-block__inner { padding-bottom: 50px; padding-top: 180px; z-index: 0; } .atbs-feature-a .post-main-background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #333; z-index: -1; } .atbs-feature-a .post-main-background::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 10%, rgba(0, 0, 0, 0.9) 120%);*/ background-image: -webkit-linear-gradient(-270deg, rgba(0, 0, 0, 0.917) 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-color: transparent; } .post-main-background a { display: block; width: 100%; height: 100%; } .post-main-background a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .atbs-feature-a .post-sub { width: 1170px; margin: 165px auto 0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; z-index: 1; } .atbs-feature-a .post-sub .posts-list { margin: 0 -25px; } .atbs-feature-a .post-sub .list-item { padding: 0 25px; width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); } .atbs-feature-a .post-sub .list-item:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.3); } /* Content */ /*post main*/ .post--overlay-text-center { height: 100%; background: none; overflow: initial; } .post--overlay-text-center .post__thumb::after { /*background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 10%, rgba(0, 0, 0, 0.9) 120%);*/ background-image: -webkit-linear-gradient(-270deg, rgba(0, 0, 0, 0.917) 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%); background-color: transparent; } .post--overlay-text-center .post__text { width: 1170px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .post--overlay-text-center .post__text-inner { padding: 0; max-width: 576px; } .post--overlay-text-center .post__cat { color: #fff; opacity: 1; } .post--overlay-text-center time.time { opacity: 0.8; color: #fff; } .post--overlay-text-center .post__title { font-size: 32px; line-height: 1.39; font-weight: 700; color: #fff; } .post--overlay-text-center .post__title a { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } /*post sub*/ .post-no-thumb-feature-small .post__cat, .post-no-thumb-feature-small time.time { color: #fff; } .post-no-thumb-feature-small .post__cat { opacity: 1; } .post-no-thumb-feature-small time.time { opacity: 0.8; } .post-no-thumb-feature-small .post__title { font-weight: 500; } .post-no-thumb-feature-small .post__title a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 1199px) { /* Layout */ .atbs-feature-a .post-sub { width: 940px; margin: 130px auto 0 auto; } /* Content */ /*post main*/ .post--overlay-text-center .post__text { width: 940px; } .post--overlay-text-center .post__title { font-size: 28px; line-height: 1.4; } .post-no-thumb-feature-small .post__title { font-size: 18px; line-height: 1.5; } } @media (max-width: 991px) { /* Layout */ .atbs-feature-a .atbs-block__inner { padding-bottom: 50px; padding-top: 125px; } .atbs-feature-a .post-sub { width: 720px; } /* Content */ /*post main*/ .post--overlay-text-center.post--overlay .post__text { /* min-height: 530px; */ min-height: initial; } .post--overlay-text-center .post__text { width: 720px; } /*post sub*/ .post-no-thumb-feature-small .post__title { font-size: 18px; line-height: 1.5; } } @media (max-width: 767px) { /* Layout */ .atbs-feature-a .atbs-block__inner { padding-bottom: 50px; } .atbs-feature-a .post-sub { width: 510px; margin-top: 100px; } .atbs-feature-a .post-sub .posts-list { margin: -20px 0; } .atbs-feature-a .post-sub .list-item { padding: 20px 0; width: 100%; } .atbs-feature-a .post-sub .list-item:not(:last-child) { border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } /* Content */ /*post main*/ .post--overlay-text-center .post__text { width: 510px; } .post--overlay-text-center .post__title { font-size: 1.7142rem; /* 24px */ } } @media (max-width: 575px) { /* Layout */ .atbs-feature-a .post-sub, .atbs-feature-a .post-main { width: 100%; padding: 0 15px; } /* Content */ /*post main*/ .post--overlay-text-center .post__text { width: 100%; } .post--overlay-text-center .post__title { font-size: 22px; line-height: 1.4; } /*post sub*/ .post-no-thumb-feature-small .post__title { /*font-size: 16px;*/ /*line-height: 1.43;*/ } } @media (max-width: 480px) { /* Layout */ /* Content */ } @media (max-width: 420px) { /* Layout */ /* Content */ } /* atbs-feature-a ----------------------- */ /*@end file 39*/ /* ----------------------- atbs-post--grid-m */ /* Layout */ .atbs-post--grid-m .post-main{ margin: -25px; } .atbs-post--grid-m .post-main > div{ padding: 25px; } .atbs-post--grid-m .post-main > div:first-child{ width: 520px; } .atbs-post--grid-m .post-main > div:last-child{ -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .atbs-post--grid-m .post-main .post-main-body .posts-list{ margin: -30px -40px; position: relative; } .atbs-post--grid-m .post-main .post-main-body .posts-list::after{ content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 1px; height: -webkit-calc( 100% - 60px); height: -moz-calc( 100% - 60px); height: calc( 100% - 60px); background-color: rgba(0,0,0,0.08); } .atbs-post--grid-m .post-main .post-main-body .list-item{ width: 50%; padding: 30px 40px; } /* Content */ .post--vertical-no-excerpt .post__title{ font-weight: 600; } /*post main right*/ .post--horizontal-mobile-thumb-60 .post__title{ font-size: 15px; line-height: 1.4; font-weight: 500; } @media (max-width: 1199px){ /* Layout */ .atbs-post--grid-m .post-main > div:first-child { width: 100%; } .atbs-post--grid-m .post-main > div:last-child { -webkit-box-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; -ms-flex: initial; flex: initial; } /* Content */ } @media (min-width: 768px) and (max-width: 1199px){ /* Layout */ /* Content */ /*post main*/ /*left*/ .post--vertical-no-excerpt{ display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .post--vertical-no-excerpt .post__thumb{ margin-bottom: 0; margin-right: 40px; width: 50%; } .post--vertical-no-excerpt .post__text{ -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 50px; } /*right*/ } @media (max-width: 991px){ /* Layout */ .atbs-post--grid-m .post-main{ margin: -20px; } .atbs-post--grid-m .post-main > div{ padding: 20px; } .atbs-post--grid-m .post-main .post-main-body .posts-list{ margin: -15px -40px; position: relative; } .atbs-post--grid-m .post-main .post-main-body .posts-list::after{ height: -webkit-calc(100% - 30px); height: -moz-calc(100% - 30px); height: calc(100% - 30px); } .atbs-post--grid-m .post-main .post-main-body .list-item{ width: 50%; padding: 15px 40px; } /* Content */ /*post main*/ /*left*/ .post--vertical-no-excerpt .post__thumb{ height: 300px; } .post--vertical-no-excerpt .post__text{ padding-right: 0; } } @media (max-width: 767px){ /* Layout */ .atbs-post--grid-m .post-main .post-main-body .posts-list::after{ display: none; } .atbs-post--grid-m .post-main .post-main-body .posts-list{ margin: -20px 0; } .atbs-post--grid-m .post-main .post-main-body .list-item{ width: 100%; padding: 20px 0; } .atbs-post--grid-m .post-main .post-main-body .list-item:not(:last-child){ border-bottom: 1px solid rgba(0,0,0,0.08); } /* Content */ /*post main*/ /*left*/ .post--vertical-no-excerpt .post__thumb{ height: 270px; } .post--vertical-no-excerpt .post__text{ padding-right: 0; } .post--vertical-no-excerpt .post__title{ margin-bottom: 0; } .post--vertical-no-excerpt .post__readmore{ display: none; } /*right*/ .post--horizontal-mobile-thumb-60 .post__cat{ display: inline-block; } } @media (max-width: 575px){ /* Layout */ /* Content */ /*post main*/ /*left*/ .post--vertical-no-excerpt .post__thumb{ height: 240px; } /*right*/ .post--horizontal-mobile-thumb-60 .post__thumb{ margin-right: 20px; width: 60px; height: 60px; } } /* atbs-post--grid-m ----------------------- */ /*@end file 40*/ .post--horizontal-title-large{ padding-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,0.2); } .post--horizontal-title-large.flex-row-reverse .post__thumb{ margin-left: 30px; } .post--horizontal-title-large .post__title{ font-size: 28px; line-height: 1.39; font-weight: 400; } .post--horizontal-title-large .post__title a{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .post--horizontal-title-large .post__text{ width: 100%; max-width: 70%; margin-right: auto; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .atbs-carousel-grid-b .owl-dots{ display: none; } .atbs-carousel-grid-b .owl-nav{ display: none; } @media (max-width: 1199px){ .post--horizontal-title-large .post__title{ font-size: 20px; line-height: 1.4; } } @media (max-width: 575px) { .post--horizontal-title-large .post__text{ max-width: 100%; } .post--horizontal-title-large .post__thumb{ display: none; } } /*@end file 41*/ /* ----------------------- atbs-post--listing-list-b */ .item-border-top-bottom > *:first-child{ border-top: 1px solid rgba(0,0,0,0.2); } .item-border-top-bottom > *{ border-bottom: 1px solid rgba(0,0,0,0.2); } /* Layout */ .atbs-post--listing-list-b .posts-list .list-item{ padding: 40px 0; } .post--horizontal-reverse-3-col{ } .post--horizontal-reverse-3-col .post__thumb{ width: 270px; } .post--horizontal-reverse-3-col .post__text { max-width: 770px; } .post--horizontal-reverse-3-col .post__text .post__text-wrap-context > *:last-child { margin-bottom: 0; } .post--horizontal-reverse-3-col .post__text .post__text-context > *:not(:last-child) { width: 50%; } .post--horizontal-reverse-3-col .post__text .post__text-context{ margin-bottom: 10px; } .post--horizontal-reverse-3-col .post__title{ margin-right: 30px; margin-bottom: 0; font-size: 28px; line-height: 1.39; float: left; font-weight: 600; } .post--horizontal-reverse-3-col .post__excerpt{ max-width: 100%; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } /* Content */ @media (max-width: 1199px){ .post--horizontal-reverse-3-col .post__thumb{ width: 240px; height: 165px; } .post--horizontal-reverse-3-col .post__title{ font-size: 22px; } } @media (max-width: 991px) { .post--horizontal-reverse-3-col.post--horizontal-reverse .post__thumb{ margin-left: 30px; } .post--horizontal-reverse-3-col .post__thumb { width: 210px; height: 150px; } .post--horizontal-reverse-3-col .post__title { font-size: 20px; line-height: 1.4; } } @media (max-width: 767px){ .post--horizontal-reverse-3-col .post__text .post__text-context > *:not(:last-child){ width: 100%; } .post--horizontal-reverse-3-col.post--horizontal-reverse .post__thumb{ float: right; margin-bottom: 0; } .post--horizontal-reverse-3-col .post__thumb{ width: 185px; height: 140px; } .post--horizontal-reverse-3-col .post__excerpt{ display: none; } } @media (max-width: 575px) { .post--horizontal-reverse-3-col .post__thumb{ width: 140px; height: 100px; } .post--horizontal-reverse-3-col .post__title { font-size: 16px; line-height: 1.5; } } @media (max-width: 480px){ .post--horizontal-reverse-3-col .post__thumb { width: 120px; height: 85px; } } @media (max-width: 380px){ .atbs-post--listing-list-b .posts-list{ margin: -20px 0; } .atbs-post--listing-list-b .posts-list .list-item{ padding: 20px 0; } .post--horizontal-reverse-3-col .post__thumb { width: 90px; height: 70px; } } /* atbs-post--listing-list-a ----------------------- */ /*@end file 42*/ /* ----------------------- atbs-post--listing-grid-b */ /* Layout */ .atbs-post--listing-grid-2-item-vertical .posts-list{ display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -25px -15px; } .atbs-post--listing-grid-2-item-vertical .list-item{ width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); padding: 25px 15px; } /* Content */ @media (max-width: 1199px){ /* Layout */ .atbs-post--listing-grid-2-item-vertical .list-item{ width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); } } @media (max-width: 767px){ /* Layout */ .atbs-post--listing-grid-2-item-vertical .list-item{ width: 100%; } } @media (max-width: 575px){ /* Layout */ .atbs-post--listing-grid-2-item-vertical .posts-list { margin: -20px; } .atbs-post--listing-grid-2-item-vertical .list-item{ width: 100%; padding: 20px; } /* Content */ } /* atbs-post--listing-grid-b ----------------------- */ /*@end file 43*/ /* ----------------------- atbs-post--listing-grid-c */ /* Layout */ .atbs-post--listing-grid-3-item-vertical .posts-list{ display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -20px -15px; } .atbs-post--listing-grid-3-item-vertical .list-item{ width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); padding: 20px 15px; } /* Content */ .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-4 .post__title{ font-weight: 700; } @media (max-width: 1199px){ /* Layout */ .atbs-post--listing-grid-3-item-vertical .list-item{ width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); } /* Content */ .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-4 .post__thumb{ height: 210px; } .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-4 .post__title{ font-size: 20px; line-height: 1.4; } } @media (max-width: 1199px) and (min-width: 992px) { .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-4 .post__title { font-size: 18px; line-height: 1.5; } } @media (max-width: 991px) { .atbs-post--listing-grid-3-item-vertical .list-item { width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); } .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-4 .post__thumb { height: 200px; } .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-4 .post__title{ font-size: 20px; line-height: 1.4; } } @media (max-width: 767px){ /* Layout */ .atbs-post--listing-grid-3-item-vertical .list-item{ width: 100%; } /* Content */ .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-4 .post__thumb{ height: 250px; } .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-4 .post__title{ font-size: 20px; line-height: 1.4; } } @media (max-width: 575px){ /* Layout */ /* Content */ .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-4 .post__thumb{ height: 210px; } } /* atbs-post--listing-grid-c ----------------------- */ /*@end file 44*/ /* ----------------------- atbs-post--listing-grid-d */ /* Layout */ .atbs-post--listing-grid-4-item-vertical .posts-list { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -20px -15px; } .atbs-post--listing-grid-4-item-vertical .list-item { width: -webkit-calc(100% / 4); width: -moz-calc(100% / 4); width: calc(100% / 4); padding: 20px 15px; } /* Content */ .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-5 .post__title { font-weight: 600; } @media (max-width: 1199px) { /* Layout */ .atbs-post--listing-grid-4-item-vertical .list-item { width: -webkit-calc(100% / 4); width: -moz-calc(100% / 4); width: calc(100% / 4); } /* Content */ .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-5 .post__thumb { height: 150px; } .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-5 .post__title { font-size: 16px; line-height: 1.4; } } @media (max-width: 991px) { /* Layout */ .atbs-post--listing-grid-4-item-vertical .list-item { width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); } /* Content */ .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-5 .post__thumb { height: 200px; } .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-5 .post__title { font-size: 20px; line-height: 1.4; } } @media (max-width: 767px) { /* Layout */ .atbs-post--listing-grid-4-item-vertical .posts-list { margin: -20px 0; } .atbs-post--listing-grid-4-item-vertical .list-item { width: 100%; padding: 20px 0; border-bottom: 1px solid var(--color-border); } .atbs-post--listing-grid-d.atbs-post--listing-grid-4-item-vertical .list-item { border-bottom: 0; } /* Content */ .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-5 { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-5 .post__thumb { width: 90px; height: 70px; margin-right: 20px; margin-bottom: 0; } .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-5 .post__text { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-5 .post__title { font-size: 16px; line-height: 1.43; } .atbs-post--listing-grid-d.atbs-post--listing-grid-4-item-vertical .post--vertical-3i-no-excerpt .post__title { font-size: 20px; line-height: 1.4; /* 20px */ font-weight: 600; } } @media (max-width: 575px) { /* Layout */ .atbs-post--listing-grid-4-item-vertical .list-item { width: 100%; } } @media (max-width: 320px) { .atbs-post--listing-grid-d.atbs-post--listing-grid-4-item-vertical .post--vertical-3i-no-excerpt .post__title { font-size: 16px; line-height: 1.5; } } /* atbs-post--listing-grid-d ----------------------- */ /*@end file 45*/ /* ----------------------- atbs-post--listing-grid-e */ /* Layout */ .atbs-post--listing-grid-3-item-horizontal .posts-list{ display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px -20px; } .atbs-post--listing-grid-3-item-horizontal .list-item{ width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); padding: 15px 20px; } /* Content */ .post--horizontal-85.post--horizontal-85__style-2 .post__thumb{ margin-right: 20px; } .post--horizontal-85.post--horizontal-85__style-2 .post__title{ font-weight: 600; } @media (max-width: 1199px){ /* Layout */ .atbs-post--listing-grid-3-item-horizontal .posts-list{ margin: -15px; } .atbs-post--listing-grid-3-item-horizontal .list-item{ width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); padding: 15px; } /* Content */ .post--horizontal-85.post--horizontal-85__style-2 .post-time-cat-wrap time.time{ display: none; } .post--horizontal-85.post--horizontal-85__style-2 .post__title{ font-size: 16px; line-height: 1.43; } } @media (max-width: 991px) { .atbs-post--listing-grid-3-item-horizontal .list-item { width: 50%; } } @media (max-width: 767px){ /* Layout */ .atbs-post--listing-grid-3-item-horizontal .posts-list{ margin: -20px 0; } .atbs-post--listing-grid-3-item-horizontal .list-item{ width: 100%; padding: 20px 0; border-bottom: 1px solid rgba(0,0,0,0.1); } .post--horizontal-85.post--horizontal-85__style-2{ -webkit-box-align: unset; -webkit-align-items: unset; -moz-box-align: unset; -ms-flex-align: unset; align-items: unset; } .post--horizontal-85.post--horizontal-85__style-2 .post__thumb{ height: 60px; width: 60px; margin-right: 20px; } } @media (max-width: 575px){ /* Layout */ .atbs-post--listing-grid-3-item-horizontal .list-item{ width: 100%; } /* Content */ } /* atbs-post--listing-grid-e ----------------------- */ /*@end file 46*/ /* ----------------------- atbs-post--listing-grid-f */ /* Layout */ .atbs-post--listing-grid-4-item-horizontal .posts-list{ display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .atbs-post--listing-grid-4-item-horizontal .list-item{ width: -webkit-calc(100% / 4); width: -moz-calc(100% / 4); width: calc(100% / 4); padding: 15px; } /* Content */ .post--horizontal-70.post--horizontal-70__style-2 .post__thumb{ margin-right: 20px; width: 70px; height: 70px; } .post--horizontal-70.post--horizontal-70__style-2 .post-time-cat-wrap .post__cat, .post--horizontal-70.post--horizontal-70__style-2 .post-time-cat-wrap time.time{ font-size: 10px; } .post--horizontal-70.post--horizontal-70__style-2 .post__title{ font-size: 15px; line-height: 1.4; font-weight: 500; } @media (max-width: 1199px){ /* Layout */ .atbs-post--listing-grid-4-item-horizontal .posts-list{ margin: -15px; } .atbs-post--listing-grid-4-item-horizontal .list-item{ width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); padding: 15px; } /* Content */ .post--horizontal-70.post--horizontal-70__style-2 .post-time-cat-wrap time.time{ display: none; } } @media (max-width: 767px){ /* Layout */ .atbs-post--listing-grid-4-item-horizontal .posts-list{ margin: -20px 0; } .atbs-post--listing-grid-4-item-horizontal .list-item{ width: 100%; padding: 20px 0; border-bottom: 1px solid rgba(0,0,0,0.1); } .post--horizontal-70.post--horizontal-70__style-2{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .post--horizontal-70.post--horizontal-70__style-2{ -webkit-box-align: unset; -webkit-align-items: unset; -moz-box-align: unset; -ms-flex-align: unset; align-items: unset; } .post--horizontal-70.post--horizontal-70__style-2 .post__thumb{ height: 60px; width: 60px; margin-right: 20px; } .post--horizontal-70.post--horizontal-70__style-2 .post__text{ -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } } @media (max-width: 575px){ /* Layout */ .atbs-post--listing-grid-4-item-horizontal .list-item{ width: 100%; } /* Content */ } /* atbs-post--listing-grid-f ----------------------- */ /*@end file 47*/ /* ----------------------- atbs-carousel-grid-c */ /* Layout */ /* Content */ .post--nothumb-fix-height, .post--nothumb-fix-height time.time, .post--nothumb-fix-height .post__title, .post--nothumb-fix-height .readmore__text { -o-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; } .post--nothumb-fix-height{ height: 370px; padding: 30px; border: 1px solid rgba(19,19,19,0.6); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .post--nothumb-fix-height .post__text{ height: 100%; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; } .post--nothumb-fix-height .post__title{ font-weight: 600; } .post--nothumb-fix-height .post__title a{ display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .post--nothumb-fix-height .post__readmore-right{ margin-left: auto; } .post--nothumb-fix-height:hover { background-color: #131313; } .post--nothumb-fix-height:hover time.time{ color: #fff; opacity: 0.8; } .post--nothumb-fix-height:hover .post__title{ color: #fff; } .post--nothumb-fix-height:hover .readmore__text{ color: #fff; } .post--nothumb-fix-height:hover .readmore__text i{ background-color: #fff; border: 1px solid transparent; color: #000; } .post--nothumb-fix-height:hover .readmore__text i:hover{ background-color: var(--color-primary); color: #fff; } .atbs-carousel-grid-c .owl-nav{ display: none; } @media (min-width: 768px){ .atbs-carousel-grid-c .owl-dots { counter-reset: dots; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 30px auto 0 auto; padding: 8px; background: #222222; -webkit-border-radius: 57px; -moz-border-radius: 57px; border-radius: 57px; } .atbs-carousel-grid-c .owl-dot{ position: relative; height: 45px; width: 45px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; } .atbs-carousel-grid-c .owl-dot:not(:last-child){ margin-right: 8px; } .atbs-carousel-grid-c .owl-dot::before { counter-increment:dots; content: counter(dots); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #fff; font-size: 16px; line-height: 1.5; } .atbs-carousel-grid-c .atbs-carousel .owl-dot span{ width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: transparent; } .atbs-carousel-grid-c .atbs-carousel .owl-dot.active span{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: var(--color-primary); } .atbs-carousel-grid-c .owl-dot.active::before{ color: #fff; } } @media (max-width: 1199px){ /* Layout */ /* Content */ .post--nothumb-fix-height{ height: 315px; } .post--nothumb-fix-height .post__title { font-size: 18px; line-height: 1.38; } } @media (max-width: 991px){ /* Layout */ /* Content */ .post--nothumb-fix-height{ height: 330px; } .post--nothumb-fix-height .post__title { font-size: 20px; line-height: 1.4; } } @media (max-width: 767px){ /* Layout */ /* Content */ .post--nothumb-fix-height { background-color: #131313; padding: 30px 20px; } .post--nothumb-fix-height time.time{ color: #fff; opacity: 0.8; } .post--nothumb-fix-height .post__title{ color: #fff; } .post--nothumb-fix-height .post__readmore .readmore__text{ color: #fff; } .post--nothumb-fix-height .readmore__text i{ background-color: #fff; border: 1px solid transparent; color: #000; } .post--nothumb-fix-height .readmore__text i:hover{ background-color: var(--color-primary); color: #fff; } .atbs-carousel-grid-c .owl-dots{ padding-bottom: 0; padding-top: 10px; } } @media (max-width: 575px){ /* Layout */ /* Content */ } @media (max-width: 480px){ /* Layout */ /* Content */ } @media (max-width: 420px){ /* Layout */ /* Content */ } /* atbs-carousel-grid-c ----------------------- */ /*@end file 48*/ /*@end file 49*/ /* ----------------------- atbs-post--grid-p */ /* Layout */ .atbs-post--grid-p .post-main{ -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .atbs-post--grid-p .post-sub{ width: 400px; } /* Content */ /*post main*/ .post--overlay-bottom.post--overlay-bottom__style-2{ height: 100%; } .post--overlay-bottom.post--overlay-bottom__style-2 .post__text-inner{ padding: 40px; max-width: 460px; } .post--overlay-bottom.post--overlay-bottom__style-2 .post__thumb::after{ opacity: 0.3; } .post--overlay-bottom.post--overlay-bottom__style-2 .post__text{ height: 100%; } .post--overlay-bottom.post--overlay-bottom__style-2 .post__title{ font-size: 28px; line-height: 1.39; font-weight: 700; } /*post sub*/ .post-no-thumb.post-no-thumb__style-2 .post__title{ font-weight: 400; max-width: 100%; } @media (max-width: 1199px){ /* Layout */ .atbs-post--grid-p .post-sub { width: 350px; } /* Content */ /*post main*/ .post--overlay-bottom.post--overlay-bottom__style-2.post--overlay .post__text { min-height: 400px; } .post--overlay-bottom.post--overlay-bottom__style-2 .post__text-inner { padding: 40px; max-width: 535px; } /*post sub*/ } @media (max-width: 991px){ /* Layout */ .atbs-post--grid-p .post-sub { width: 300px; } .atbs-post--grid-p .block-heading.block-heading-small .block-heading__title { margin: 0; } /* Content */ .post--overlay-bottom.post--overlay-bottom__style-2 .post__text-inner{ padding: 30px; } .post--overlay-bottom.post--overlay-bottom__style-2 .post__title{ font-size: 20px; line-height: 1.4; } } @media (max-width: 767px){ /* Layout */ .atbs-post--grid-p .atbs-block__inner{ margin: -20px; } .atbs-post--grid-p .atbs-block__inner > *{ padding: 20px; } .atbs-post--grid-p .post-main{ width: 100%; } .atbs-post--grid-p .post-sub { -webkit-box-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; -ms-flex: initial; flex: initial; width: 100%; } /* Content */ /*post main*/ .post--overlay-bottom.post--overlay-bottom__style-2 .post__text-inner{ padding: 20px; } .post--overlay-bottom.post--overlay-bottom__style-2.post--overlay .post__text{ min-height: 335px; } /*post sub*/ .post-no-thumb.post-no-thumb__style-2 .post__text{ text-align: initial; } } @media (max-width: 575px){ /* Content */ .post-no-thumb.post-no-thumb__style-2 .post__title{ font-size: 16px; line-height: 1.43; } } /* atbs-post--grid-p ----------------------- */ /*@end file 50*/ /* ----------------------- atbs-feature-slider-d */ /* Layout */ /* Content */ .post--vertical-text-wrap .post__thumb { margin-bottom: 50px; } .post--vertical-text-wrap .post__text { width: 1170px; margin: 0 auto; } .post--vertical-text-wrap .post__title.typescale-3_5 { max-width: 565px; margin-right: 140px; margin-bottom: 0; /*font-size: 28px;*/ /*line-height: 1.39;*/ font-weight: 700; } .post--vertical-text-wrap .post__excerpt { margin-bottom: 0; font-size: 16px; line-height: 1.68; opacity: 1; color: rgba(0, 0, 0, 0.6); } .atbs-feature-slider-d .owl-carousel .owl-dots { display: none; } .atbs-feature-slider-d .owl-carousel .owl-prev, .atbs-feature-slider-d .owl-carousel .owl-next { top: -webkit-calc(700px / 2); top: -moz-calc(700px / 2); top: calc(700px / 2); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 60px; height: 60px; background-color: #fff; color: #131313; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 14px 8px #13131321; -moz-box-shadow: 0 14px 8px #13131321; box-shadow: 0 14px 8px #13131321; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; border: none; } .atbs-feature-slider-d .owl-carousel .owl-prev { left: -webkit-calc(50% - 585px); left: -moz-calc(50% - 585px); left: calc(50% - 585px); } .atbs-feature-slider-d .owl-carousel .owl-next { right: -webkit-calc(50% - 585px); right: -moz-calc(50% - 585px); right: calc(50% - 585px); } .atbs-feature-slider-d .owl-carousel .owl-prev i, .atbs-feature-slider-d .owl-carousel .owl-next i { font-size: 20px; } .atbs-feature-slider-d .owl-carousel .owl-prev:hover, .atbs-feature-slider-d .owl-carousel .owl-next:hover, .atbs-feature-slider-d .owl-carousel .owl-prev:focus, .atbs-feature-slider-d .owl-carousel .owl-next:focus { background-color: var(--color-primary); color: #fff; } @media (max-width: 1199px) { /* Layout */ .atbs-feature-slider-d .owl-carousel .owl-prev { left: -webkit-calc(50% - 940px/2); left: -moz-calc(50% - 940px/2); left: calc(50% - 940px/2); } .atbs-feature-slider-d .owl-carousel .owl-next { right: -webkit-calc(50% - 940px/2); right: -moz-calc(50% - 940px/2); right: calc(50% - 940px/2); } /* Content */ .post--vertical-text-wrap .post__thumb { height: 470px; margin-bottom: 40px; } .post--vertical-text-wrap .post__text { width: 940px; } .post--vertical-text-wrap .post__title.typescale-3_5 { max-width: 500px; margin-right: 70px; font-size: 26px; line-height: 1.4; } .atbs-feature-slider-d .owl-carousel .owl-prev, .atbs-feature-slider-d .owl-carousel .owl-next { top: -webkit-calc(470px / 2); top: -moz-calc(470px / 2); top: calc(470px / 2); width: 50px; height: 50px; } } @media (max-width: 991px) { /* Content */ .post--vertical-text-wrap .post__thumb { height: 400px; margin-bottom: 25px; } .post--vertical-text-wrap .post__text { width: 720px; } .post--vertical-text-wrap .post__title.typescale-3_5 { max-width: 370px; margin-right: 60px; font-size: 24px; line-height: 1.5; } .atbs-feature-slider-d .owl-carousel .owl-prev, .atbs-feature-slider-d .owl-carousel .owl-next { top: -webkit-calc(400px / 2); top: -moz-calc(400px / 2); top: calc(400px / 2); width: 50px; height: 50px; } .atbs-feature-slider-d .owl-carousel .owl-prev { left: -webkit-calc(50% - 720px/2); left: -moz-calc(50% - 720px/2); left: calc(50% - 720px/2); } .atbs-feature-slider-d .owl-carousel .owl-next { right: -webkit-calc(50% - 720px/2); right: -moz-calc(50% - 720px/2); right: calc(50% - 720px/2); } } @media (max-width: 767px) { /* Content */ .post--vertical-text-wrap .post__thumb { height: 370px; margin-bottom: 30px; } .post--vertical-text-wrap .post__text { padding: 0; width: 510px; } .post--vertical-text-wrap .post__text--wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .post--vertical-text-wrap .post__title.typescale-3_5 { max-width: 100%; font-size: 1.7142rem; /* 24px */ line-height: 1.38; margin-right: 0; margin-bottom: 20px; font-weight: 600; } .post--vertical-text-wrap .post__excerpt { color: rgba(34, 34, 34, 0.8); } .atbs-feature-slider-d .owl-carousel .owl-prev { left: -webkit-calc(50% - 510px/2); left: -moz-calc(50% - 510px/2); left: calc(50% - 510px/2); } .atbs-feature-slider-d .owl-carousel .owl-next { right: -webkit-calc(50% - 510px/2); right: -moz-calc(50% - 510px/2); right: calc(50% - 510px/2); } .atbs-feature-slider-d .owl-carousel .owl-prev, .atbs-feature-slider-d .owl-carousel .owl-next { top: -webkit-calc(400px / 2); top: -moz-calc(400px / 2); top: calc(400px / 2); } /*.atbs-feature-slider-d .owl-carousel .owl-dots{*/ /* display: block;*/ /* top: 345px;*/ /* position: absolute;*/ /* padding: 0;*/ /* left: 50%;*/ /* transform: translateX(-50%);*/ /*}*/ /*.atbs-feature-slider-d .owl-carousel .owl-nav{*/ /* display: none;*/ /*}*/ } @media (max-width: 575px) { /* Content */ .post--vertical-text-wrap .post__thumb { height: 300px; } .post--vertical-text-wrap .post__text { width: 100%; padding: 0 15px; } .post--vertical-text-wrap .post__text--wrap { display: block; } .atbs-feature-slider-d .owl-carousel .owl-dots { top: 260px; } .atbs-feature-slider-d .owl-carousel .owl-prev { left: 15px; } .atbs-feature-slider-d .owl-carousel .owl-next { right: 15px; } .atbs-feature-slider-d .owl-carousel .owl-prev, .atbs-feature-slider-d .owl-carousel .owl-next { top: -webkit-calc(370px / 2); top: -moz-calc(370px / 2); top: calc(370px / 2); } .post--vertical-text-wrap .post__title.typescale-3_5 { font-size: 22px; line-height: 1.4; margin-bottom: 15px; } } @media (max-width: 480px) { /* Content */ .atbs-feature-slider-d .owl-carousel .owl-dots { top: 240px; } .post--vertical-text-wrap .post__title.typescale-3_5 { font-size: 20px; line-height: 1.4; } } @media (max-width: 380px) { /* Content */ .atbs-feature-slider-d .owl-carousel .owl-dots { top: 210px; } } @media (max-width: 320px) { /* Content */ .atbs-feature-slider-d .owl-carousel .owl-dots { top: 180px; } } /* atbs-feature-slider-d ----------------------- */ /*@end file 51*/ /* ----------------------- atbs-feature-slider-a */ .post--vertical-reverse-custom{ display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .post--vertical-reverse-custom .post__thumb{ width: 100%; margin-bottom: 0; } /* Layout */ .atbs-feature-slider-a { padding-top: 80px; } /* Content */ .post--vertical-reverse-text-center .post__text{ max-width: 345px; margin: 0 auto 40px auto; } .post--vertical-reverse-text-center .post__title{ font-size: 28px; line-height: 1.39; font-weight: bold; } .atbs-feature-slider-a .owl-carousel.button--dots-center-nav .owl-prev, .atbs-feature-slider-a .owl-carousel.button--dots-center-nav .owl-next{ top: 40px; position: absolute; } .atbs-feature-slider-a .owl-carousel.button--dots-center-nav .owl-next{ right: 40px; } .atbs-feature-slider-a .owl-carousel .owl-dot.active span{ background-color: var(--color-primary); } @media (max-width: 1199px) { /* Layout */ /* Content */ .post--vertical-reverse-text-center .post__thumb{ height: 500px; } .post--vertical-reverse-text-center .post__text { margin: 0 auto 40px 200px; } .post--vertical-reverse-text-center .post__title{ font-size: 26px; } } @media (max-width: 991px) { /* Layout */ /* Content */ .post--vertical-reverse-text-center .post__thumb { height: 425px; } .post--vertical-reverse-text-center .post__text { margin: 0 auto 40px 0; } .post--vertical-reverse-text-center .post__title{ font-size: 26px; } .atbs-feature-slider-a .owl-carousel.button--dots-center-nav .owl-next{ right: 0; } } @media (max-width: 767px) { /* Layout */ /* Content */ .post--vertical-reverse-text-center .post__thumb { height: 320px; } .post--vertical-reverse-text-center .post__text { margin: 0 auto 30px 0; } .atbs-feature-slider-a .owl-carousel .owl-dots{ display: block; position: initial; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; padding-top: 15px; margin: 0 auto; } .atbs-feature-slider-a .owl-carousel .owl-nav{ display: none; } } @media (max-width: 575px) { /* Layout */ /* Content */ .post--vertical-reverse-text-center .post__text { max-width: 380px; } .post--vertical-reverse-text-center .post__thumb { height: 270px; } } @media (max-width: 480px) { /* Layout */ /* Content */ } @media (max-width: 420px) { /* Layout */ /* Content */ } /* atbs-feature-slider-a ----------------------- */ /*@end file 52*/ /* ----------------------- atbs-post--grid-e */ /* Layout */ .atbs-post--grid-e .flex-column-reverse .post-main{ margin-top: 60px; } .atbs-post--grid-e .post-main__inner > *{ width: 50%; } /* Content */ /*post main*/ /*left*/ .post--vertical-text-two-wrap .post__thumb{ margin-bottom: 30px; } .post--vertical-text-two-wrap .post__text--wrap > *{ -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .post--vertical-text-two-wrap .post__title{ margin-right: 30px; margin-bottom: 0; } .post--vertical-text-two-wrap .post__excerpt{ max-width: 100%; margin-bottom: 20px; } /*right*/ .post--horizontal-text-full .post__title{ font-weight: 600; margin-bottom: 25px; } .post--horizontal-text-full .post__excerpt{ margin-bottom: 20px; } @media (max-width: 1199px){ /* Layout */ /* Content */ /*post main*/ /*left*/ .post--vertical-text-two-wrap .post__thumb{ height: 320px; } /*right*/ .post--horizontal-text-full .post__thumb{ width: 220px; height: 255px; margin-right: 20px; } .post--horizontal-text-full .post__excerpt{ margin-bottom: 0; } .post--horizontal-text-full .post__readmore{ display: none; } } @media (max-width: 991px){ /* Layout */ .atbs-post--grid-e .post-main__inner{ margin: -20px; } .atbs-post--grid-e .post-main__inner > *{ width: 100%; padding: 20px; } .atbs-post--grid-e .post-main-right .list-item{ } /* Content */ /*post main*/ /*left*/ .post--vertical-text-two-wrap .post__excerpt{ margin-bottom: 0; } .post--vertical-text-two-wrap .post__readmore{ display: none; } /*right*/ .post--horizontal-text-full .post__thumb{ margin-right: 30px; width: 40%; height: 300px; margin-bottom: 0; } .post--horizontal-text-full .post__title{ font-size: 18px; line-height: 1.38; } .post--horizontal-text-full .post__excerpt{ max-width: 80%; } /*post sub*/ .atbs-post--grid-e .post-nothumb .typescale-0.custom-typescale-0 { font-size: 18px; max-width: 90%; font-weight: 500; line-height: 1.46; } } @media (max-width: 767px){ /* Layout */ .atbs-post--grid-e .flex-column-reverse{ -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .atbs-post--grid-e .flex-column-reverse .post-main{ /*margin-bottom: 40px;*/ margin-bottom: 0; margin-top: 40px; } /* Content */ /*post main*/ /*left*/ .post--vertical-text-two-wrap .post__text--wrap > *{ -webkit-box-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; -ms-flex: initial; flex: initial; } .post--vertical-text-two-wrap .post__thumb{ margin-bottom: 20px; height: 300px; } .post--vertical-text-two-wrap .post__title{ width: 100%; max-width: 100%; margin-bottom: 15px; margin-right: 0; } /*right*/ .atbs-post--grid-e .post-nothumb .typescale-0.custom-typescale-0{ font-size: 16px; line-height: 1.43; max-width: 100%; } .post--horizontal-text-full{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .post--horizontal-text-full .post__thumb{ height: 70px; width: 90px; margin-right: 20px; } .post--horizontal-text-full .post__text{ -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .post--horizontal-text-full .post__title{ margin-bottom: 0; max-width: 100%; } .post--horizontal-text-full .post__excerpt{ display: none; } } @media (max-width: 575px){ /* Layout */ /* Content */ /*post main*/ /*left*/ .post--vertical-text-two-wrap .post__thumb{ height: 240px; } } /* atbs-post--grid-e ----------------------- */ /*@end file 53*/ /* ----------------------- atbs-post--grid-q */ /* Layout */ .atbs-post--grid-q .posts-list{ margin: 0 -15px; } .atbs-post--grid-q .posts-list .list-item{ padding: 0 15px; } /* Content */ .post--horizontal-80 .post__thumb{ width: 80px; height: 80px; } .post--horizontal-has-background, .post--horizontal-has-background .post__cat, .post--horizontal-has-background .post__title, .post--horizontal-has-background time.time{ -o-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; } .post--horizontal-has-background{ padding: 20px 15px; } .post--horizontal-has-background.post--horizontal-reverse .post__thumb{ margin-left: 40px; } @media (min-width: 768px) { .post--horizontal-has-background:hover{ background-color: var(--color-primary); } .post--horizontal-has-background:hover .post__cat, .post--horizontal-has-background:hover .post__title, .post--horizontal-has-background:hover time.time{ color: #fff; opacity: 1; } .post--horizontal-has-background:hover time.time{ opacity: 0.8; } } @media (max-width: 1199px) { /* Layout */ /* Content */ } @media (max-width: 991px) { /* Layout */ /* Content */ .post--horizontal-has-background.post--horizontal-reverse .post__thumb{ margin-left: 20px; } .post--horizontal-has-background .post__thumb{ width: 70px; height: 70px; } } @media (max-width: 767px) { /* Layout */ /* Content */ .post--horizontal-has-background{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0; } .post--horizontal-has-background.post--horizontal-reverse .post__thumb{ margin-left: 0; } .post--horizontal-has-background .post__thumb{ margin-left: 0; margin-right: 20px; display: none; } .post--horizontal-has-background .post__text{ -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .post--horizontal-has-background .post__title.typescale-1{ font-size: 18px; line-height: 1.38; } .item-line-count-2i:nth-child(n+1):not(:first-child)::after { position: absolute; content: ''; width: -webkit-calc( 100% - 30px); width: -moz-calc( 100% - 30px); width: calc( 100% - 30px); height: 1px; background-color: rgba(0,0,0,0.1); left: 15px; top: 0; } } @media (max-width: 575px) { /* Layout */ /* Content */ } /* atbs-post--grid-q ----------------------- */ /*@end file 54*/ /* ----------------------- atbs-carousel-grid-d */ /* Layout */ .atbs-carousel-grid-d .owl-background { z-index: -1; } .atbs-carousel-grid-d .owl-carousel__inner { padding: 85px 155px; } .atbs-carousel-grid-d .owl-content-wrap { background-color: #fff; padding: 0 0 30px 0; min-height: 500px; } .atbs-carousel-grid-d .owl-carousel-tabs-content { position: relative; } .atbs-carousel-grid-d .owl-carousel-tabs { padding: 0 60px; } .atbs-carousel-grid-d .owl-carousel-tab-content { padding: 0 30px; } .atbs-carousel-grid-d .owl-carousel-tab-content { position: absolute; opacity: 0; top: -99999px; left: 0; width: 100%; height: 430px; -o-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; } .atbs-carousel-grid-d .visible-owl-tab-content { position: absolute; opacity: 1; top: 0; left: 0; } .atbs-carousel-grid-d .owl-carousel .owl-height { -webkit-transition: 0s; -o-transition: 0s; -moz-transition: 0s; transition: 0s; } .atbs-carousel-grid-d .owl-carousel .site-content { /*opacity: 0;*/ /*transition: 0.5s;*/ min-height: 345px; } .atbs-carousel-grid-d .visible-owl-tab-content .site-content { opacity: 1; } /*tabs quick carousel*/ .owl-carousel-overflow { overflow-x: auto; position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; max-width: 100%; } .owl-carousel-overflow::-webkit-scrollbar { display: none; } .atbs-carousel-grid-d .flexbox-wrap.flex-space-15 { margin: 0 -7.5px; } .atbs-carousel-grid-d .flexbox-wrap.flex-space-15 > * { padding: 0 7.5px; } .atbs-carousel-grid-d .owl-carousel-tabs { padding-bottom: 20px; padding-top: 20px; margin-bottom: 30px; border-bottom: 1px solid var(--color-border); text-align: center; position: relative; overflow: hidden; } .atbs-carousel-grid-d .owl-carousel-tabs .owl-tabs-list { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 auto; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; position: relative; z-index: 1; } .owl-tabs-list-background-small { content: ''; position: absolute; width: 70px; height: 32px; background-color: var(--color-primary); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; top: 0; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; visibility: hidden; } .owl-carousel-tabs .owl-tabs-list .owl-tab-item { z-index: 1; } .owl-carousel-tabs .owl-tabs-list .owl-tab-item span { padding: 5px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 13px; line-height: 1.7; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; cursor: pointer; -o-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; -webkit-transition: 0.1s ease-in-out; opacity: 0.6; z-index: 1; white-space: nowrap; } .owl-carousel-tabs .owl-tabs-list .owl-tab-item-active span { /*background-color: var(--color-primary);*/ opacity: 1; } .owl-carousel-tabs .owl-tabs-list .owl-tab-item-active.owl-tab-item-active__text { color: #fff; } .owl-carousel-tabs .owl-tabs-list .owl-tab-item-active.owl-tab-item-active__text:hover span { color: #fff; } .hidden-owl-tab-item-overflow { display: none; } .owl-tabs-next, .owl-tabs-prev { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; font-weight: bold; cursor: pointer; color: #222222; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; visibility: hidden; } .owl-tabs-next:active, .owl-tabs-prev:active { color: var(--color-primary); } .atbs-carousel-grid-d .owl-tabs-prev { left: 20px; } .atbs-carousel-grid-d .owl-tabs-next { right: 20px; /*visibility: visible;*/ } /*owl tab item*/ .atbs-carousel-grid-d .owl-carousel .slide-content { margin: -15px 0; } .atbs-carousel-grid-d .owl-carousel .slide-content > * { padding: 15px 0; } /* Content */ .atbs-carousel-grid-d .owl-background { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; } .atbs-carousel-grid-d .post--horizontal-85.post--horizontal-85__style-2 .post__title.typescale-0.custom-typescale-0 { font-weight: 500; } .atbs-carousel-grid-d .post--horizontal-85.post--horizontal-85__style-2 .post__title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .atbs-carousel-grid-d .owl-carousel.nav-circle .owl-prev, .atbs-carousel-grid-d .owl-carousel.nav-circle .owl-next { border: none; -webkit-box-shadow: 0px 8px 42px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 8px 42px rgba(0, 0, 0, 0.08); box-shadow: 0px 8px 42px rgba(0, 0, 0, 0.08); } .atbs-carousel-grid-d .owl-carousel.nav-circle .owl-prev { left: -webkit-calc(-155px - 60px); left: -moz-calc(-155px - 60px); left: calc(-155px - 60px); /*-155px is a padding of the owl-carousel__inner, 60px is a width of button*/ } .atbs-carousel-grid-d .owl-carousel.nav-circle .owl-next { right: -webkit-calc(-155px - 60px); right: -moz-calc(-155px - 60px); right: calc(-155px - 60px); } .atbs-carousel-grid-d .owl-carousel .owl-dots { /*display: none;*/ padding-bottom: 0; padding-top: 30px; } @media (min-width:1200px) and (max-width:1230px) { /* Layout */ .atbs-carousel-grid-d .container { width: 1170px; } } @media (max-width:1199px) { .atbs-carousel-grid-d .owl-carousel__inner { padding: 85px 100px; } .atbs-carousel-grid-d .owl-carousel .owl-dots { padding-top: 20px; } .atbs-carousel-grid-d .owl-carousel.nav-circle .owl-prev { left: -webkit-calc(-100px - 60px); left: -moz-calc(-100px - 60px); left: calc(-100px - 60px); } .atbs-carousel-grid-d .owl-carousel.nav-circle .owl-next { right: -webkit-calc(-100px - 60px); right: -moz-calc(-100px - 60px); right: calc(-100px - 60px); } } @media (min-width:992px) and (max-width:1024px) { /* Layout */ .atbs-carousel-grid-d .container { width: 970px; } } @media (max-width:991px) { .atbs-carousel-grid-d .owl-carousel-tab-content { padding: 0 45px; } .atbs-carousel-grid-d .owl-content-wrap { padding: 0 0 30px 0; min-height: 430px; } .atbs-carousel-grid-d .owl-carousel.nav-circle .owl-prev { left: -webkit-calc(-100px - 75px); left: -moz-calc(-100px - 75px); left: calc(-100px - 75px); } .atbs-carousel-grid-d .owl-carousel.nav-circle .owl-next { right: -webkit-calc(-100px - 75px); right: -moz-calc(-100px - 75px); right: calc(-100px - 75px); } } @media (max-width:775px) { .atbs-carousel-grid-d .owl-carousel .owl-nav { display: none; } } @media (max-width:767px) { .atbs-carousel-grid-d .owl-carousel__inner { padding: 40px 50px; } .atbs-carousel-grid-d .owl-carousel-tab-content { padding: 0 30px; } } @media (max-width:575px) { .atbs-carousel-grid-d .container { padding-left: 0; padding-right: 0; } } @media (max-width:480px) { .atbs-carousel-grid-d .owl-carousel__inner { padding: 40px 30px; } } @media (max-width:420px) { .atbs-carousel-grid-d .owl-carousel__inner { padding: 30px 20px; } } @media (max-width:380px) { .atbs-carousel-grid-d .owl-carousel-tab-content { padding: 0 20px; } .atbs-carousel-grid-d .owl-carousel-tabs { padding: 20px 40px; } .atbs-carousel-grid-d .owl-tabs-prev { left: 10px; } .atbs-carousel-grid-d .owl-tabs-next { right: 10px; } } @media (max-width:320px) { .atbs-carousel-grid-d .owl-content-wrap { padding: 0 0 30px 0; min-height: 485px; } .atbs-carousel-grid-d .post--horizontal-85.post--horizontal-85__style-2 .post__title { line-height: 1.4; font-size: 15px; font-weight: 600; } .atbs-carousel-grid-d .post--horizontal-85.post--horizontal-85__style-2 .post__title a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } } /* atbs-carousel-grid-d ----------------------- */ /*@end file 55*/ /* ----------------------- atbs-post--grid-k */ .big-post--horizontal .post__thumb{ width: -webkit-calc( 50% + 185px); width: -moz-calc( 50% + 185px); width: calc( 50% + 185px); height: 480px; } .big-post--horizontal .post__text{ margin-top: 25px; } .big-post--horizontal .post__title{ font-weight: 600; } .big-post--horizontal .post__readmore{ margin-top: 20px; } @media(max-width: 1199px){ .big-post--horizontal .post__thumb{ width: -webkit-calc( 50% + 145px); width: -moz-calc( 50% + 145px); width: calc( 50% + 145px); height: 385px; } } @media(max-width: 991px){ .big-post--horizontal .post__thumb{ width: -webkit-calc( 50% + 40px); width: -moz-calc( 50% + 40px); width: calc( 50% + 40px); height: 250px; } .big-post--horizontal .post__readmore{ display: none; } } @media(max-width: 1199px) and (min-width: 992px){ .big-post--horizontal .post__title{ font-size: 26px; } } @media(max-width: 767px){ .big-post--horizontal .post__thumb{ width: 100%; height: 270px; margin: 0; margin-bottom: 20px; } .big-post--horizontal .post__text{ -webkit-box-flex: intial; -webkit-flex: intial; -moz-box-flex: intial; -ms-flex: intial; flex: intial; width: 100%; } .big-post--horizontal .post__readmore{ display: none; } } /* atbs-post--grid-k ----------------------- */ /*@end file 56*/ /* ----------------------- atbs-feature-slider-b */ /*post slide*/ .owl-background-img { opacity: 0; position: absolute; top: 0; left: 0; -webkit-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; transition: 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .owl-background-img.active { opacity: 1; } .atbs-feature-slider-b .owl-background { position: relative; width: 100%; height: 680px; } .atbs-feature-slider-b .atbs-carousel .post__thumb { display: none; } .atbs-feature-slider-b .atbs-carousel .post__title { padding-left: 120px; font-weight: 600; } .atbs-feature-slider-b .atbs-carousel .owl-nav, .atbs-feature-slider-b .atbs-carousel .owl-dots { display: none; } .atbs-carousel--wrap { margin-top: 30px; } .atbs-feature-slider-b .atbs-carousel-nav-custom-holder { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 20px; } .atbs-feature-slider-b .atbs-carousel-nav-custom-holder .owl-prev, .atbs-feature-slider-b .atbs-carousel-nav-custom-holder .owl-next { width: auto; height: auto; border: none; font-size: 15px; color: rgba(2, 2, 2, 0.6); -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease; font-weight: 400; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0 20px; } .atbs-feature-slider-b .atbs-carousel-nav-custom-holder .owl-prev:hover, .atbs-feature-slider-b .atbs-carousel-nav-custom-holder .owl-next:hover, .atbs-feature-slider-b .atbs-carousel-nav-custom-holder .owl-prev:focus, .atbs-feature-slider-b .atbs-carousel-nav-custom-holder .owl-next:focus { color: rgba(2, 2, 2, 1); } .link-overlay-mobile { display: none; } @media(max-width:1199px) and (min-width:992px) { .atbs-feature-slider-b .atbs-carousel .post__title { padding-left: 100px; font-size: 26px; } .atbs-feature-slider-b .atbs-carousel .post__meta.post-time-cat-wrap time { display: none; } .atbs-feature-slider-b .owl-background { height: 580px; } } @media(max-width:991px) and (min-width:768px) { .atbs-feature-slider-b .atbs-carousel .post__title { padding-left: 50px; } .atbs-feature-slider-b .atbs-carousel .post__meta.post-time-cat-wrap time { display: none; } .atbs-feature-slider-b .atbs-carousel-nav-custom-holder .owl-prev, .atbs-feature-slider-b .atbs-carousel-nav-custom-holder .owl-next { padding: 0 10px; } .atbs-feature-slider-b .owl-background { height: 480px; } } @media(max-width:768px) { .atbs-feature-slider-b .atbs-carousel .post__text--inner.flexbox { display: block; } .atbs-feature-slider-b .atbs-carousel .post__title { padding-left: 0; } .atbs-feature-slider-b .atbs-carousel-nav-custom-holder .owl-prev, .atbs-feature-slider-b .atbs-carousel-nav-custom-holder .owl-next { padding: 0 5px; font-size: 13px; } .atbs-feature-slider-b .atbs-carousel-nav-custom-holder { padding: 0; display: block; } .atbs-feature-slider-b .owl-background { height: 380px; } } @media(max-width:575px) { .atbs-feature-slider-b .owl-background { height: 100%; position: absolute; width: 100%; z-index: 1; top: 0; } .atbs-feature-slider-b .atbs-carousel-nav-custom-holder { display: none; } .atbs-carousel--wrap { margin: 0; } .atbs-feature-slider-b .atbs-block__inner { position: relative; } .atbs-feature-slider-b .atbs-carousel .post__text { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /*min-height: 667px;*/ min-height: 100vh; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; position: relative; } .atbs-feature-slider-b .owl-background::before { content: ""; position: absolute; height: 100%; z-index: 1; width: 100%; top: 0; left: 0%; background-color: rgba(0, 0, 0, 0.2); } .atbs-feature-slider-b .atbs-carousel .post__meta.post-time-cat-wrap, .atbs-feature-slider-b .atbs-carousel .post__text { width: 100%; z-index: 1; } .atbs-feature-slider-b .atbs-carousel .owl-dots { display: block; position: absolute; bottom: 35px; padding: 0; text-align: center; width: 100%; } .atbs-feature-slider-b .atbs-carousel .post__title { font-size: 26px; color: #fff; } .atbs-feature-slider-b .atbs-carousel .post__meta.post-time-cat-wrap time, .atbs-feature-slider-b .atbs-carousel .post__meta.post-time-cat-wrap a.post__cat { color: #fff; } .link-overlay-mobile { display: block; } } /* atbs-feature-slider-b ----------------------- */ /*@end file 57*/ /* ----------------------- atbs-carousel-grid */ .atbs-carousel-grid .block-heading { max-width: -webkit-calc(80% - 80px); max-width: -moz-calc(80% - 80px); max-width: calc(80% - 80px); } .post--overlay-background-hover .post__meta { margin-bottom: 13px; } .post--overlay-background-hover .post__text { z-index: 1; } .post--overlay-background-hover .post__footer { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; width: 100%; flex: 1; } .post--overlay-background-hover .post__footer .post__meta .post-author__name, .post--overlay-background-hover .post__footer .post__meta .readmore__text { color: #fff; } .post--overlay-background-hover .post__footer .post__meta .readmore__text i { margin-right: 0; padding-bottom: 0; } .post--overlay-background-hover .post__footer .post__meta { margin-bottom: 0; padding-top: 15px; border-top: 1px solid rgba(255,255,255,0.2); display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; font-size: 1rem; } .post--overlay-background-hover .post__text-inner { padding: 30px 20px 20px 20px; height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; } .post--overlay-background-hover .post__thumb::before { background-color: var(--post-background-color, #2a2a2a); -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease; content: ""; position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; } .post--overlay-background-hover .link-overlay { z-index: 1; } .post--overlay-background-hover :focus-within { outline-color: unset; } .post--overlay-background-hover :-moz-focusring { outline-color: unset; } .slide-content[tabindex] { outline: 0; } .post--overlay-background-hover:hover .post__thumb::before, .slide-content:focus .post--overlay-background-hover .post__thumb::before { background-color: rgba(0, 0, 0, 0.2); } .atbs-carousel-grid .owl-item.active .post--overlay-background-hover .post__thumb::before { background-color: rgba(0, 0, 0, 0.2); } .atbs-carousel-grid .container:only-child .atbs-block__inner { padding-top: 70px; } .atbs-carousel-grid .block-heading { margin-bottom: 30px; } .atbs-carousel-grid .atbs-carousel-disabled { margin: -15px; } .atbs-carousel-grid .atbs-carousel-disabled .slide-content { display: block; padding: 15px; } .atbs-carousel-grid .atbs-carousel .owl-dots { padding: 0; padding-top: 10px; } .atbs-carousel-grid .atbs-carousel .owl-nav .owl-next, .atbs-carousel-grid .owl-carousel .owl-nav .owl-prev { position: relative; padding: 0; background: none; width: auto; height: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; padding: 0px 10px; } .atbs-carousel-grid .owl-carousel .owl-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; bottom: -webkit-calc(100% + 30px); bottom: -moz-calc(100% + 30px); bottom: calc(100% + 30px); right: 0; } .atbs-carousel-grid .atbs-carousel .owl-nav .owl-next svg, .atbs-carousel-grid .owl-carousel .owl-nav .owl-prev svg { height: 13px; width: 20px; } .atbs-carousel-grid .atbs-carousel .owl-nav .owl-next:focus, .atbs-carousel-grid .owl-carousel .owl-nav .owl-prev:focus, .atbs-carousel-grid .atbs-carousel .owl-nav .owl-next:active, .atbs-carousel-grid .owl-carousel .owl-nav .owl-prev:active, .atbs-carousel-grid .atbs-carousel .owl-nav .owl-next:hover, .atbs-carousel-grid .owl-carousel .owl-nav .owl-prev:hover { width: auto; height: auto; } @media (min-width: 768px) { .atbs-carousel-grid .block-heading { margin-bottom: 40px; } .atbs-carousel-grid .atbs-carousel-disabled { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .atbs-carousel-grid .atbs-carousel-disabled .slide-content { width: -webkit-calc(100% / 2); width: -moz-calc(100% / 2); width: calc(100% / 2); } .atbs-carousel-grid .owl-carousel .owl-nav { bottom: -webkit-calc(100% + 40px); bottom: -moz-calc(100% + 40px); bottom: calc(100% + 40px); } .atbs-carousel-grid .atbs-carousel .owl-dots { display: none; } .post--overlay-background-hover .post__title { padding-right: 20px; } } @media (min-width: 992px) { .atbs-carousel-grid .atbs-carousel-disabled .slide-content { width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); } .atbs-carousel-grid .owl-item.active .post--overlay-background-hover:hover .post__thumb::before, .atbs-carousel-grid .owl-item.active .slide-content:focus .post--overlay-background-hover .post__thumb::before { background-color: #111; } .atbs-carousel-grid .owl-stage-outer:hover .owl-item.active .post--overlay-background-hover .post__thumb::before { background-color: #111; } .atbs-carousel-grid .owl-stage-outer:focus-within .owl-item.active .post--overlay-background-hover .post__thumb::before { background-color: #111; } .atbs-carousel-grid .owl-stage-outer:hover .owl-item.active .post--overlay-background-hover:hover .post__thumb::before { background-color: rgba(0, 0, 0, 0.2); } .atbs-carousel-grid .owl-stage-outer:focus-within .owl-item.active .slide-content:focus .post--overlay-background-hover .post__thumb::before { background-color: rgba(0, 0, 0, 0.2); } .atbs-carousel-grid .owl-item.active + .owl-item.active + .owl-item.active .post--overlay-background-hover .post__thumb::before, .atbs-carousel-grid .owl-item.active + .owl-item.active .post--overlay-background-hover .post__thumb::before { background-color: #111; } .atbs-carousel-grid .owl-item.active + .owl-item.active + .owl-item.active .post--overlay-background-hover:hover .post__thumb::before, .atbs-carousel-grid .owl-item.active + .owl-item.active .post--overlay-background-hover:hover .post__thumb::before, .atbs-carousel-grid .owl-item.active + .owl-item.active + .owl-item.active .slide-content:focus .post--overlay-background-hover .post__thumb::before, .atbs-carousel-grid .owl-item.active + .owl-item.active .slide-content:focus .post--overlay-background-hover .post__thumb::before { background-color: rgba(0, 0, 0, 0.2); } } @media (max-width: 1199px) and (min-width: 992px) { .post--overlay-background-hover .post__title { font-size: 18px; line-height: 1.5; } .post--overlay-height-270.post--overlay .post__text { min-height: 240px; } } @media (max-width: 991px) { .atbs-carousel-grid .owl-item.active + .owl-item.active .post--overlay-background-hover .post__thumb::before { background-color: var(--post-background-color, #2a2a2a); } .post--overlay-background-hover .post__title { font-size: 20px; line-height: 1.4; } } @media (max-width: 991px) { .atbs-carousel-grid .container:only-child .atbs-block__inner { padding-top: 60px; } } @media (max-width: 767px) { .atbs-carousel-grid .block-heading { max-width: -webkit-calc(100% - 80px - 40px); max-width: -moz-calc(100% - 80px - 40px); max-width: calc(100% - 80px - 40px); } } @media (max-width: 575px) { .post--overlay-background-hover .post__text-inner { padding: 20px; } } @media (max-width: 380px) { .atbs-carousel-grid .block-heading { max-width: 100%; } .atbs-carousel-grid .owl-carousel .owl-nav { display: none; } } /* atbs-carousel-grid ----------------------- */ /*@end file 58*/ .flex-space-between{ -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .flex-row-reverse{ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .post--horizontal-thumb-w170-h104.flex-row-reverse .post__thumb{ margin-left: 30px; } .post--horizontal-thumb-w170-h104 .post__thumb{ width: 170px; height: 104px; margin:0; } .list-seperate-last > *{ border-bottom: 1px solid rgba(0,0,0,0.2); } .posts-list-horizontal-small-thumb .post--horizontal .post__text{ width: 100%; max-width: 70%; margin-right: auto; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .posts-list-horizontal-small-thumb .post--horizontal .post__title{ /*max-width: 770px;*/ font-weight: 400; /*flex: 1;*/ } .posts-list-horizontal-small-thumb > *{ position: relative; } .posts-list-horizontal-small-thumb > *::before{ position: absolute; content: ""; top:-1px; height: 100%; width: -webkit-calc(100% + 60px); width: -moz-calc(100% + 60px); width: calc(100% + 60px); left: -30px; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease; } .posts-list-horizontal-small-thumb > *:hover::before{ background-color: var(--color-primary); } .posts-list-horizontal-small-thumb > *:hover{ border-color: #fff; } .posts-list-horizontal-small-thumb > *:hover .post__title, .posts-list-horizontal-small-thumb > *:hover .post__cat, .posts-list-horizontal-small-thumb > *:hover time{ color: #fff; } @media(max-width: 1199px) and (min-width: 992px){ .posts-list-horizontal-small-thumb .post--horizontal .post__title{ max-width: 670px; font-size: 26px; } } @media(max-width: 991px) and (min-width: 768px){ .posts-list-horizontal-small-thumb .post--horizontal .post__title{ max-width: 450px; } } @media(max-width: 768px){ .posts-list-horizontal-small-thumb .post--horizontal .post__title{ font-size: 20px; } } @media(max-width: 767px){ .posts-list-horizontal-small-thumb .post--horizontal .post__thumb{ margin-left: 30px; } } @media(max-width: 575px){ .posts-list-horizontal-small-thumb .post--horizontal .post__thumb{ display: none; } } /*@end file 59*/ /* ----------------------- atbs-post--grid-j */ /* Layout */ /* Content */ .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-2 .post__text{ padding-right: 100px; } .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-2 .post__title{ font-weight: 700; } @media (max-width: 1199px) { /* Layout */ /* Content */ .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-2 .post__thumb{ height: 300px; } .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-2 .post__text{ max-width: 100%; padding-right: 65px; } .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-2 .post__title{ font-size: 20px; line-height: 1.4; } } @media (max-width: 991px) { /* Layout */ /* Content */ .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-2 .post__thumb{ height: 240px; } .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-2 .post__text { padding-right: 0; } .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-2 .post__title{ font-size: 20px; line-height: 1.4; } } @media (max-width: 767px) { /* Layout */ /* Content */ .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-2 .post__thumb{ height: 270px; margin-bottom: 20px; } .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-2 .post__title { font-size: 20px; line-height: 1.4; } } @media (max-width: 575px) { /* Layout */ /* Content */ .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-2 .post__thumb{ height: 240px; } } @media (max-width: 480px) { /* Layout */ /* Content */ .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-2 .post__text{ padding-right: 0; } } @media (max-width: 420px) { /* Layout */ /* Content */ .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-2 .post__thumb{ height: 240px; } } @media (max-width: 380px) { /* Layout */ /* Content */ } @media (max-width: 320px) { /* Layout */ /* Content */ .post--vertical-3i-no-excerpt.post--vertical-3i-no-excerpt__style-2 .post__thumb { height: 200px; } } /* atbs-post--grid-j ----------------------- */ /*@end file 60*/ .atbs-post--listing-grid-small-no-slidebar .posts-list{ margin: -40px -15px; } .atbs-post--listing-grid-small-no-slidebar .list-item{ padding: 40px 15px; } .post--vertical-3i-no-excerpt__style-3 .post__title{ font-weight: 600; } @media (max-width: 1199px){ /* Layout */ /* Content */ .post--vertical-3i-no-excerpt__style-3 .post__title{ font-size: 16px; line-height: 1.43; } } @media (max-width: 991px){ /* Layout */ .atbs-post--listing-grid-small-no-slidebar .list-item{ width: 50%; } /* Content */ .atbs-post--listing-grid-small-no-slidebar .item-line-count-4i:nth-child(2n+1):not(:first-child)::after{ position: absolute; content: ''; width: -webkit-calc( 100% * 2 - 30px); width: -moz-calc( 100% * 2 - 30px); width: calc( 100% * 2 - 30px); height: 1px; background-color: rgba(0,0,0,0.1); left: 15px; top: 0; } .post--vertical-3i-no-excerpt__style-3 .post__thumb{ height: 200px; } .post--vertical-3i-no-excerpt__style-3 .post__title{ font-size: 16px; } } @media (max-width: 767px){ /* Layout */ .atbs-post--listing-grid-small-no-slidebar .list-item{ width: 100%; padding: 20px 15px; } /* Content */ .atbs-post--listing-grid-small-no-slidebar .item-line-count-4i:nth-child(n+1):not(:first-child)::after{ position: absolute; content: ''; width: -webkit-calc( 100% - 30px); width: -moz-calc( 100% - 30px); width: calc( 100% - 30px); height: 1px; background-color: rgba(0,0,0,0.1); left: 15px; top: 0; } .post--vertical-convert-horizontal-mobile{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .post--vertical-convert-horizontal-mobile .post__thumb{ width: 90px; height: 70px; margin-right: 20px; margin-bottom: 0; } .post--vertical-convert-horizontal-mobile .post__text{ -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } } /*@end file 61*/ /* ----------------------- post--grid-d */ /* Layout */ /* Content */ /* post grid d ----------------------- */ /*================================================================================*/ /* ----------------------- post--listing-list */ /* Layout */ /*=======list normal=======*/ .atbs-post--listing-list .list-item:not(:last-child){ margin-bottom: 40px; } /*=======list small=======*/ .atbs-post--listing-list-small .lists-small{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 95px -15px; } .atbs-post--listing-list-small .lists-small .list-item{ width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); padding: 0 15px; margin-bottom: 0; } /* Content */ .atbs-post--listing-list-small .post.post-has-line-circle .post__thumb::before{ right: unset; left: -50px; top: unset; bottom: -70px; border: none; background-color: var(--color-primary); opacity: 0.2 ; } /*text*/ .post--horizontal-no-excerpt .post__cat{ margin-bottom: 15px; } /*button*/ .post--horizontal-no-excerpt .post__readmore .button__readmore{ font-weight: 300; } /* post--listing-list ----------------------- */ @media(max-width: 1199px){ /* ----------------------- post--listing-list*/ /* Layout */ .atbs-post--listing-list-small .lists-small{ margin: 70px -15px; } /* Content */ /*=======list normal=======*/ /*thumb*/ .post--horizontal-no-excerpt .post__thumb{ width: 350px; height: 230px; } /*text*/ .post--horizontal-no-excerpt .post__title{ font-size: 18px; max-width: 90%; } /*=======list small=======*/ .post-list-media-no-thumb-3i .post .media-left { padding-right: 20px; } /*text*/ .post-list-media-no-thumb-3i .post .post__title{ font-size: 15px; } /* ----------------------- post--listing-list */ } @media (max-width: 991px) { /* ----------------------- post--listing-list */ /* Layout */ .atbs-post--listing-list-small .lists-small{ margin: 70px -15px; } /* Content */ /*=======list normal=======*/ /*thumb*/ .post--horizontal-no-excerpt .post__thumb{ width: 400px; height: 250px; } /*text*/ .post--horizontal-no-excerpt .post__title{ font-size: 18px; max-width: 100%; } /* ----------------------- post--listing-list */ } @media (max-width: 767px){ /* ----------------------- post--listing-list */ /* Layout */ /*=======list normal=======*/ .atbs-post--listing-list .list-item:not(:last-child){ margin-bottom: 35px; } /*=======list small=======*/ .atbs-post--listing-list-small .lists-small{ margin: 35px 0; } .atbs-post--listing-list-small .lists-small .list-item{ width: 100%; padding-right: 0; padding-left: 0; } .atbs-post--listing-list-small .lists-small .list-item:not(:last-child){ border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 25px; margin-bottom: 30px; } /* Content */ /*=======list normal=======*/ .post--horizontal-no-excerpt{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } /*thumb*/ .post--horizontal-no-excerpt .post__thumb { width: 275px; height: 185px; margin-left: 20px; margin-bottom: 0; } /*text*/ .post--horizontal-no-excerpt .post__text{ -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .post--horizontal-no-excerpt .post__cat{ margin-bottom: 10px; } .post--horizontal-no-excerpt .post__title{ font-size: 16px; max-width: 100%; margin-bottom: 0; } .post--horizontal-no-excerpt .post__readmore{ display: none; } /*=======list small=======*/ .atbs-post--listing-list-small .lists-small{ margin: 60px 0; } .atbs-post--listing-list-small .post-list-media-no-thumb-3i .post .media-left{ display: none; } .post-list-media-no-thumb-3i .post .post__title{ font-size: 16px; } /* ----------------------- post--listing-list */ } @media(max-width: 575px){ /* ----------------------- post--listing-list */ /* Layout */ .atbs-post--listing-list .list-item:not(:last-child){ margin-bottom: 35px; } .atbs-post--listing-list-small .lists-small{ margin: 60px 0; } /* Content */ .post--horizontal-no-excerpt .post__thumb{ margin-left: 0; margin-bottom: 15px; width: 100%; height: 300px; } .post--horizontal-no-excerpt .post__text{ width: 100%; -webkit-box-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; -ms-flex: initial; flex: initial; } .post--horizontal-no-excerpt .post__cat{ margin-bottom: 5px; font-size: 13px; } .post--horizontal-no-excerpt .post__title{ font-size: 18px; } /* ----------------------- post--listing-list */ } @media(max-width: 480px){ /* ----------------------- post--listing-list */ /* Layout */ .atbs-post--listing-list .list-item:not(:last-child){ margin-bottom: 30px; } .atbs-post--listing-list-small .lists-small{ margin: 60px 0; } .atbs-post--listing-list-small .lists-small .list-item:not(:last-child){ padding-bottom: 20px; margin-bottom: 20px; } /* Content */ .post--horizontal-no-excerpt .post__thumb{ height: 260px; } .post--horizontal-no-excerpt .post__title{ font-size: 18px; } /* ----------------------- post--listing-list */ } @media(max-width: 420px){ /* ----------------------- post--listing-list */ /* Content */ .post--horizontal-no-excerpt .post__thumb{ height: 250px; } /* ----------------------- post--listing-list */ } @media(max-width: 380px){ /* ----------------------- post--listing-list */ /* Layout */ /* Content */ .post--horizontal-no-excerpt .post__thumb{ height: 230px; } /* ----------------------- post--listing-list */ } @media(max-width: 320px){ /* ----------------------- post--listing-list */ /* Content */ .post--horizontal-no-excerpt .post__thumb{ height: 200px; } .post--horizontal-no-excerpt .post__title{ font-size: 16px; } /* ----------------------- post--listing-list */ } /*@end file 62*/ .list-large-post--vertical .post__thumb{ height: 375px; width: 100%; } .list-large-post--vertical .post__title{ width: -webkit-calc( 100% - 350px); width: -moz-calc( 100% - 350px); width: calc( 100% - 350px); padding-right: 100px; margin-bottom:0; font-size: 22px; line-height: 1.4; } .list-large-post--vertical .post__excerpt{ width: 350px; padding-right: 30px; } @media(min-width: 1200px) { .atbs-post--listing-list-2-fw .list-large-post--vertical .post__thumb { height: 450px; } .atbs-post--listing-list-2-fw .list-large-post--vertical .post__title { font-size: 24px; line-height: 1.4; } } @media(max-width: 1199px){ .list-large-post--vertical .post__title{ width: -webkit-calc( 60%); width: -moz-calc( 60%); width: calc( 60%); padding-right: 50px; } .list-large-post--vertical .post__excerpt{ width: 40%; } .list-large-post--vertical .post__thumb { height: 300px; } .list-large-post--vertical .post__thumb { height: 370px; } .atbs-post--grid-l .post-sub .posts-list { display: flex; flex-wrap: wrap; margin: -15px !important; } .atbs-post--grid-l .post-sub .posts-list .list-item { width: 50%; padding: 15px !important; } .atbs-post--grid-l .post-sub .post--no-thumb { padding: 25px; background-color: #fafafa; height: 100%; border-radius: 8px; } .atbs-post--grid-l .post-sub .post--no-thumb .post__title { font-size: 18px; line-height: 1.5; } } @media(max-width: 991px){ .list-large-post--vertical .post__thumb { height: 330px; } .list-large-post--vertical .post__title{ font-size: 20px; line-height: 1.4; } } @media(max-width: 991px) and (min-width: 768px){ .atbs-post--grid-l .post-sub .posts-list.list-gutter-w60-h30 >*{ padding-top: 20px; padding-bottom: 20px; } .atbs-post--grid-l .post-sub .posts-list.list-gutter-w60-h30{ margin-top: -20px; margin-bottom: -20px; } } @media(max-width: 767px){ .list-large-post--vertical .post__thumb{ height: 255px; } .list-large-post--vertical .post__title{ font-size: 20px; line-height: 1.4; width: 100%; padding-right:0; } .list-large-post--vertical .post__text--wrap{ display: block; } .list-large-post--vertical .post__excerpt{ width: 90%; margin-top: 15px; padding-right:0; } .atbs-post--grid-l .post-sub .posts-list .list-item:before { display: none; } .atbs-post--grid-l .post-sub .posts-list .list-item { width: 100%; } .atbs-post--grid-l .post-sub .post--no-thumb .post__title { font-size: 20px; line-height: 1.4; } } @media(max-width: 575px){ .list-large-post--vertical .post__thumb{ height: 240px; } .list-large-post--vertical .post__excerpt{ width: 95%; } } @media (max-width: 480px) { .list-large-post--vertical .post__thumb{ height: 220px; } } /*@end file 63*/ /* ----------------------- atbs-post--listing-grid-a */ /* Layout */ .post--listing-grid-small-2i { margin: -30px -15px; } .post--listing-grid-small-2i .list-item { width: 50%; padding: 30px 15px; } /* .post--listing-grid-small-2i .list-item + .list-small-2i { margin-top: -60px; } .post--listing-grid-small-2i .list-item + .list-small-2i:not(:last-child) { margin-bottom: -60px; } .post--listing-grid-small-2i .list-small-2i:first-child { margin-bottom: -60px; } */ .post--listing-grid-small-2i .list-small-2i { width: 100%; } .atbs-post--listing-grid-overlay .posts-list { margin: -30px -15px; } .atbs-post--listing-grid-overlay .list-item { padding: 30px 15px; } /* Content */ .post__text--reverse.flexbox-wrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .post__text--reverse.flexbox-wrap > *:first-child { margin-bottom: 0; } .post--overlay-cylinder .post__thumb::after { opacity: 0.23; background-color: #000; } .post--overlay-cylinder .post__text-inner { padding: 30px; } .post--overlay-cylinder .post__meta { margin-bottom: 0; } .post--overlay-cylinder .post__title { margin-bottom: 15px; font-size: 20px; line-height: 1.4; } .post--overlay-cylinder time.time { color: #fff; opacity: 0.8; } .atbs-post--listing-grid-a .atbs-pagination { margin-top: 50px; } @media (max-width: 1199px) { /* Content */ .post--overlay-cylinder .post__title { font-size: 20px; line-height: 1.4; } .post--overlay-cylinder.post--overlay .post__text { min-height: 355px; } .post--overlay-cylinder .post__text-inner { padding: 30px 25px; } .atbs-post--listing-grid-overlay .posts-list { display: flex; flex-wrap: wrap; } .atbs-post--listing-grid-overlay .posts-list .list-item { width: 50%; } } @media (max-width: 991px) { /* Content */ .post--overlay-cylinder.post--overlay .post__text { min-height: 365px; } .post--vertical-medium .post__title { font-size: 20px; line-height: 1.4; } } @media (max-width: 767px) { .atbs-post--listing-grid-overlay .posts-list .list-item { width: 100%; } /* Layout */ .post--listing-grid-small-2i, .atbs-post--listing-grid-overlay .post--listing-grid-small-2i { margin: -15px; } .post--listing-grid-small-2i .list-item { width: 100%; padding: 15px; } .atbs-post--listing-grid-overlay .posts-list { margin: -15px; } .atbs-post--listing-grid-overlay .list-item { padding: 15px; } /* Content */ .post--overlay-cylinder.post--overlay .post__text { min-height: 300px; } .post--overlay-cylinder .post__title { font-size: 20px; line-height: 1.4; } .post--vertical-medium .post__title { font-size: 20px; line-height: 1.4; } } @media (max-width: 575px) { /* Content */ .post--overlay-cylinder.post--overlay .post__text { min-height: 290px; } .post--overlay-cylinder .post__text-inner { padding: 20px; } .atbs-post--listing-grid-overlay .posts-list .list-item { width: 100%; } } @media (max-width: 480px) { /* Content */ .post--overlay-cylinder.post--overlay .post__text { min-height: 290px; } } @media (max-width: 380px) { /* Content */ .post--overlay-cylinder.post--overlay .post__text { min-height: 290px; } } @media (max-width: 320px) { /* Content */ .post--overlay-cylinder.post--overlay .post__text { min-height: 270px; } } /* atbs-post--listing-grid-a ----------------------- */ /*@end file 64*/ /* ----------------------- atbs-post--listing-list-a */ /* Layout */ /*posts list large*/ /*posts list small*/ .atbs-post--listing-list.atbs-post--listing-list-small-2i .posts-list { margin: -15px; } .atbs-post--listing-list.atbs-post--listing-list-small-2i .posts-list .list-item { margin-bottom: 30px; padding: 15px; } .atbs-post--listing-list.atbs-post--listing-list-small-2i .posts-list-2i { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px 0; } .atbs-post--listing-list.atbs-post--listing-list-small-2i .posts-list-2i .list-item { width: 50%; margin-bottom: 0; } /* Content */ /*posts list large*/ .post--horizontal-reverse-thumb-50-percent .post__thumb { width: 56.4%; margin-left: 50px; -webkit-box-shadow: 0 70px 25px -45px rgba(50, 50, 93, 0.15); -moz-box-shadow: 0 70px 25px -45px rgba(50, 50, 93, 0.15); box-shadow: 0 70px 25px -45px rgba(50, 50, 93, 0.15); } .post--horizontal-reverse-thumb-50-percent:not(.post-not-exist-thumbnail) .post__text { margin-top: 40px; } .post--horizontal-reverse-thumb-50-percent .post__title { margin-bottom: 20px; font-weight: 700; } .post--horizontal-small-100 .post__thumb { width: 100px; height: 100px; } @media (min-width: 1200px) { .post--horizontal-reverse-thumb-50-percent .post__title.typescale-2 { font-size: 22px; line-height: 1.4; } .atbs-post--listing-list-1-fw .post--horizontal-reverse-thumb-50-percent .post__title.typescale-2 { font-size: 24px; line-height: 1.4; } .atbs-post--listing-list-1-fw .post--horizontal-reverse-thumb-50-percent .post__meta { margin-bottom: 15px; } } @media (max-width:1199px) { /* Layout */ /* Content */ .post--horizontal-reverse-thumb-50-percent .post__thumb { width: -webkit-calc(50% - 15px); width: -moz-calc(50% - 15px); width: calc(50% - 15px); height: 235px; margin-left: 30px; } } @media (max-width:991px) { /* Layout */ /* Content */ /*posts list large*/ .post--horizontal-reverse-thumb-50-percent .post__thumb { height: 220px; margin-left: 40px; } .post--horizontal-reverse-thumb-50-percent:not(.post-not-exist-thumbnail) .post__text { margin-top: 25px; } .post--horizontal-reverse-thumb-50-percent .post__title { margin-bottom: 20px; font-size: 20px; line-height: 1.4; } /*posts list small*/ .post--horizontal-small-100 .post__title { font-size: 16px; line-height: 1.5; } } @media (max-width:767px) { /* Layout */ .atbs-post--listing-list.atbs-post--listing-list-small-2i .posts-list .list-item { margin: 0; padding: 15px; } .atbs-post--listing-list.atbs-post--listing-list-small-2i .posts-list-2i { margin: 0; } .atbs-post--listing-list.atbs-post--listing-list-small-2i .posts-list-2i .list-item { width: 100%; padding: 15px; margin: 0; } /* Content */ /*posts list large*/ .post--horizontal-reverse-thumb-50-percent .post__thumb { width: 100%; height: 260px; -webkit-box-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; -ms-flex: initial; flex: initial; float: none; margin: 0 0 20px 0; } .post--horizontal-reverse-thumb-50-percent .post__text { width: 100%; -webkit-box-flex: initial; -webkit-flex: initial; -moz-box-flex: initial; -ms-flex: initial; flex: initial; } .post--horizontal-reverse-thumb-50-percent .post__title { margin-bottom: 0; font-size: 20px; line-height: 1.4; } .post--horizontal-reverse-thumb-50-percent .post__readmore { display: none; } /*posts list small*/ .post--horizontal-small-100 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .post--horizontal-small-100 .post__thumb { width: 90px; height: 90px; float: left; margin-right: 20px; margin-bottom: 0; } .post--horizontal-small-100 .post__text { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; } .post--horizontal-small-100 .post__title { font-size: 16px; line-height: 1.5; font-weight: 500; } } @media (max-width:575px) { /* Layout */ /* Content */ /*posts list large*/ .post--horizontal-reverse-thumb-50-percent .post__thumb { height: 270px; } } @media (max-width:480px) { /* Layout */ /* Content */ .post--horizontal-reverse-thumb-50-percent .post__thumb { height: 260px; } } @media (max-width:420px) { /* Layout */ /* Content */ .post--horizontal-reverse-thumb-50-percent .post__thumb { height: 250px; } } @media (max-width:380px) { /* Layout */ /* Content */ .post--horizontal-reverse-thumb-50-percent .post__thumb { height: 230px; } } @media (max-width:320px) { /* Layout */ /* Content */ .post--horizontal-reverse-thumb-50-percent .post__thumb { height: 200px; } .post--horizontal-small-100 .post__thumb { width: 80px; height: 80px; } } /* atbs-post--listing-list-a ----------------------- */ /*@end file 65*/ /* ----------------------- posts-listing-grid-5 */ .atbs-post--listing-grid-5 .posts-list { border: 1px solid rgba(0, 0, 0, 0.1); } .text-uppercase { text-transform: uppercase; } .post--overlay-style-card { background-color: transparent; } .post--overlay-style-card .post__meta.date-stamp { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .atbs-post--listing-grid-5 .posts-list .list-item:not(:nth-child(3n)) { border-right: 1px solid rgba(0, 0, 0, 0.1); } .atbs-post--listing-grid-5 .posts-list .list-item:nth-child(3n+1):not(:first-child) { position: relative; } .background-img.background-img-dots-circle::after, .background-img.background-img-dots-circle::before { width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.2); content: ''; position: absolute; background-size: 32px 32px; } .background-img.background-img-dots-circle::after { background: transparent; background: -webkit-radial-gradient(center, circle, rgba(255,255,255,0.3) 5%, transparent 24%), transparent; background: -moz-radial-gradient(center, circle, rgba(255,255,255,0.3) 5%, transparent 24%), transparent; background: -o-radial-gradient(center, circle, rgba(255,255,255,0.3) 5%, transparent 24%), transparent; background: radial-gradient(circle at center, rgba(255,255,255,0.3) 5%, transparent 24%), transparent; background-size: 14px 14px; } .listing-grid-1-fw .background-img.background-img-dots-circle::after, .atbs-post--listing-grid .background-img.background-img-dots-circle::after{ background: transparent; background: -webkit-radial-gradient(center, circle, rgba(255,255,255,0) 5%, transparent 24%), transparent; background: -moz-radial-gradient(center, circle, rgba(255,255,255,0) 5%, transparent 24%), transparent; background: -o-radial-gradient(center, circle, rgba(255,255,255,0) 5%, transparent 24%), transparent; background: radial-gradient(circle at center, rgba(255,255,255,0) 5%, transparent 24%), transparent; background-size: 14px 14px; } .listing-grid-1-fw article:hover .background-img.background-img-dots-circle::after, .atbs-post--listing-grid article:hover .background-img.background-img-dots-circle::after { background: -webkit-radial-gradient(center, circle, rgba(255,255,255,0.7) 5%, transparent 24%), transparent; background: -moz-radial-gradient(center, circle, rgba(255,255,255,0.7) 5%, transparent 24%), transparent; background: -o-radial-gradient(center, circle, rgba(255,255,255,0.7) 5%, transparent 24%), transparent; background: radial-gradient(circle at center, rgba(255,255,255,0.7) 5%, transparent 24%), transparent; background-size: 14px 14px; } .post--overlay-style-card { height: 100%; } .post--overlay-style-card .post__text-inner { height: 100%; padding: 40px; flex-direction: column; align-items: flex-start; } .post--overlay-style-card.post--overlay-padding-lg .post__text-inner { padding: 40px; } .post--overlay-style-card .post__thumb, .post--overlay-style-card.post--overlay-floorfade .post__text-wrap::before { opacity: 0; } .post--overlay-style-card .post__text { height: 100%; min-height: 410px; } .post--overlay-style-card .post__title { margin-bottom: 12px; } .post--overlay-style-card .post__cat { margin-bottom: 0; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; color: rgba(0, 0, 0, 0.6); color: var(--color-excerpt); } .post--overlay-style-card .post__meta { margin-bottom: 50px; } .post--overlay-style-card .post__meta time { font-size: 40px; text-transform: uppercase; font-weight: 700; line-height: 1; color: rgba(0, 0, 0, 0.7); } .post--overlay-style-card .date-stamp span { font-size: 12px; display: block; text-indent: 4px; font-weight: 500; } .post--overlay-style-card .time-wrap { margin-right: 10px; padding-right: 10px; border-right: 4px solid rgba(0, 0, 0, 0.1); } .post--overlay-style-card .post__readmore { margin-top: 30px; flex: 1; display: flex; align-items: flex-end; } .post--overlay-style-card .post__readmore a.button__readmore { font-size: 14px; color: var(--color-excerpt); } .post--overlay-style-card .post__readmore .readmore__text { padding-top: 0; padding-bottom: 0; } .post--overlay-style-card a.post__cat.cat-theme { color: rgba(0, 0, 0, 0.7) !important; font-weight: 600; } .post--overlay-style-card .post__thumb, .post--overlay-style-card.post--overlay-floorfade .post__text-wrap::before, .post--overlay-style-card:hover .post__cat, .post--overlay-style-card:hover .post__title, .post--overlay-style-card:hover .post__excerpt, .post--overlay-style-card:hover .post__meta time, .post--overlay-style-card:hover .post__readmore span { -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .post--overlay-style-card:hover a.post__cat { color: #fff !important; } .atbs-post--listing-grid-5 .posts-list:hover .list-item:first-child:hover .post--overlay-style-card .post__thumb, .atbs-post--listing-grid-5 .posts-list:hover .list-item:first-child:hover .post--overlay-style-card .post__thumb:before, .atbs-post--listing-grid-5 .posts-list .list-item:first-child .post--overlay-style-card .post__thumb, .atbs-post--listing-grid-5 .posts-list .list-item:first-child .post--overlay-style-card .post__thumb:before, .post--overlay-style-card:hover .post__thumb, .post--overlay-style-card.post--overlay-floorfade:hover .post__text-wrap::before { opacity: 1; } .atbs-post--listing-grid-5 .posts-list:hover .list-item:first-child:hover .post--overlay-style-card .post__cat, .atbs-post--listing-grid-5 .posts-list:hover .list-item:first-child:hover .post--overlay-style-card .post__title, .atbs-post--listing-grid-5 .posts-list:hover .list-item:first-child:hover .post--overlay-style-card .post__excerpt, .atbs-post--listing-grid-5 .posts-list:hover .list-item:first-child:hover .post--overlay-style-card .post__meta time, .atbs-post--listing-grid-5 .posts-list:hover .list-item:first-child:hover .post--overlay-style-card .post__readmore span, .atbs-post--listing-grid-5 .posts-list .list-item:first-child .post--overlay-style-card .post__cat, .atbs-post--listing-grid-5 .posts-list .list-item:first-child .post--overlay-style-card .post__title, .atbs-post--listing-grid-5 .posts-list .list-item:first-child .post--overlay-style-card .post__excerpt, .atbs-post--listing-grid-5 .posts-list .list-item:first-child .post--overlay-style-card .post__meta time, .atbs-post--listing-grid-5 .posts-list .list-item:first-child .post--overlay-style-card .post__readmore span, .post--overlay-style-card:hover .post__cat, .post--overlay-style-card:hover .post__title, .post--overlay-style-card:hover .post__excerpt, .post--overlay-style-card:hover .post__meta time, .post--overlay-style-card:hover .post__readmore span { color: #fff !important; } .atbs-post--listing-grid-5 .posts-list:hover .list-item:first-child:hover .post--overlay-style-card .time-wrap, .atbs-post--listing-grid-5 .posts-list .list-item:first-child .post--overlay-style-card .time-wrap, .post--overlay-style-card:hover .time-wrap { border-right: 4px solid rgba(255, 255, 255, 0.8); } .atbs-post--listing-grid-5 .posts-list:hover .list-item:first-child .post--overlay-style-card .post__thumb, .atbs-post--listing-grid-5 .posts-list:hover .list-item:first-child .post--overlay-style-card .post__thumb:before { opacity: 0; } .atbs-post--listing-grid-5 .posts-list:hover .list-item:first-child .post--overlay-style-card .post__cat { /*color: var(--color-primary) !important;*/ color: rgba(0,0,0,0.7) !important; } .atbs-post--listing-grid-5 .posts-list:hover .list-item:first-child .post--overlay-style-card .time-wrap { border-color: rgba(0, 0, 0, 0.1); } .atbs-post--listing-grid-5 .posts-list:hover .list-item:first-child .post--overlay-style-card .time-wrap time { color: rgba(0, 0, 0, 0.7) !important; } .atbs-post--listing-grid-5 .posts-list:hover .list-item:first-child .post--overlay-style-card .post__title { color: var(--color-text) !important; } .atbs-post--listing-grid-5 .posts-list:hover .list-item:first-child .post--overlay-style-card .post__excerpt { color: var(--color-excerpt) !important; } .atbs-post--listing-grid-5 .posts-list:hover .list-item:first-child .post--overlay-style-card .readmore__text { /*color: var(--color-primary) !important;*/ color: var(--color-excerpt) !important; } @media (min-width: 1200px) { .post--overlay-style-card .post__title { font-size: 22px; line-height: 1.4; } .post--overlay-style-card .post__excerpt { max-width: 270px; } } @media (min-width: 992px) { .atbs-post--listing-grid-5 .posts-list .list-item:nth-child(3n+1):not(:first-child)::before { content: ''; position: absolute; left: 0; width: -webkit-calc(100% * 3 + 4px); width: -moz-calc(100% * 3 + 4px); width: calc(100% * 3 + 4px); height: 1px; background-color: rgba(0, 0, 0, 0.1); } } @media (max-width: 1199px) { .post--overlay-style-card.post--overlay-padding-lg .post__text-inner { padding: 30px; } .post--overlay-style-card.post--overlay-md .post__text { min-height: 25rem; } .post--overlay-style-card .post__readmore { margin-top: 50px; } } @media (max-width: 991px) { .atbs-post--listing-grid-5 .posts-list.flexbox-wrap-3i > * { width: 50%; } .atbs-post--listing-grid-5 .posts-list .list-item:not(:nth-child(3n)) { border-right: none; } .atbs-post--listing-grid-5 .posts-list .list-item:not(:nth-child(2n)) { border-right: 1px solid rgba(0, 0, 0, 0.1); } .post--overlay-style-card .post__meta { margin-bottom: 45px; } } @media (max-width: 991px) and (min-width: 769px) { .atbs-post--listing-grid-5 .posts-list .list-item:nth-child(2n+1):not(:first-child) { position: relative; } .atbs-post--listing-grid-5 .posts-list .list-item:nth-child(2n+1):not(:first-child)::before { content: ''; position: absolute; left: 0; width: -webkit-calc(100% * 2 + 3px); width: -moz-calc(100% * 2 + 3px); width: calc(100% * 2 + 3px); height: 1px; background-color: rgba(0, 0, 0, 0.1); } } @media (max-width: 768px) { .atbs-post--listing-grid-5 .posts-list.flexbox-wrap-3i > * { width: 100%; } .atbs-post--listing-grid-5 .posts-list .list-item:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: none; } } /* .posts-listing-grid-5 ----------------------- */ /*atbs-post--listing-grid-5-has-sidebar */ @media (min-width: 992px) { .atbs-post--listing-grid-5 .posts-list { position: relative; overflow: hidden; } .atbs-post--listing-grid-5-has-sidebar .posts-list .list-item:not(:nth-child(3n)) { border-right: 0px solid rgba(0, 0, 0, 0.1); } .atbs-post--listing-grid-5-has-sidebar .posts-list .list-item:not(:nth-child(2n)) { border-right: 1px solid rgba(0, 0, 0, 0.1); } .atbs-post--listing-grid-5-has-sidebar .posts-list .list-item:nth-child(3n+1):not(:first-child)::before { content: none; } .atbs-post--listing-grid-5-has-sidebar .posts-list .list-item:nth-child(2n+1):not(:first-child)::before { content: ''; position: absolute; left: 0; width: -webkit-calc(100% * 3 + 4px); width: -moz-calc(100% * 3 + 4px); width: calc(100% * 3 + 4px); height: 1px; background-color: rgba(0, 0, 0, 0.1); } } /*@end file 66*/ @media (min-width: 1200px) { .atbs-feature-b .section-sub { display: flex; flex-direction: column; } .atbs-feature-b .section-sub .post-main { flex: 1; } .atbs-feature-b .section-sub .post-main .post--overlay, .atbs-feature-b .section-sub .post-main .post--overlay .post__text { height: 100%; } } .atbs-feature-b .atbs-block__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .atbs-feature-b .section-main { width: -webkit-calc(100% - 31.5291644771%); width: -moz-calc(100% - 31.5291644771%); width: calc(100% - 31.5291644771%); padding-left: 31.5291644771%; position: relative; } .atbs-feature-b .section-main:nth-child(1):last-child { margin-left: auto; } .atbs-feature-b .section-main .post-sub { padding-top: 50px; padding-left: 50px; } .atbs-feature-b .section-sub { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .atbs-feature-b .section-sub .post-sub { background-color: #222; padding: 8.45780401577%; } .atbs-feature-b .section-sub .post-sub .posts-list .list-item:not(:last-child) { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,0.1); } .atbs-feature-b .post--horizontal-flow-parent .post__text { overflow: visible; } .atbs-feature-b .post--horizontal-flow-parent .post__readmore { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; transform: translate(-50%,-50%); position: absolute; left: 0; top: 50%; } .atbs-feature-b .post--horizontal-flow-parent .post__readmore a { width: 65px; height: 65px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: #222; transform: rotate(45deg); /*box-shadow: -2px 2px 1px var(--color-primary);*/ /*border-radius: 8px;*/ } .atbs-feature-b .post--horizontal-flow-parent .post__readmore .button__readmore i { transform: rotate(-45deg); font-size: 25px; display: none; } @media (max-width: 991px) { .atbs-feature-b .post--horizontal-flow-parent .post__readmore { display: none; } } .post--horizontal-readmore-absolute .post__thumb { width: 100px; height: 100px; margin-right: 20px; } .post--horizontal-readmore-absolute .post__text { padding-right: 55px; } .post--horizontal-readmore-absolute .post__title { margin-bottom: 0; font-size: 19px; font-weight: 500; line-height: 1.5; } .post--horizontal-readmore-absolute .post__readmore { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /*opacity: 0;*/ -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } /*.post--horizontal-readmore-absolute .button__readmore.icon-circle-50 i { width: 40px; height: 40px; background-color: var(--color-primary); color: #fff; border: 0 !important; }*/ .post--horizontal-readmore-absolute .post__readmore.icon-circle-50 i { width: 38px; height: 38px; background-color: var(--color-primary); color: #fff; border: 0 !important; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .post--horizontal-readmore-absolute:hover .post__readmore { opacity: 1; } .post--overlay-filter-primary.post--overlay .post__thumb:after { background-color: var(--color-primary); opacity: 0.9; } .post--overlay-filter-primary.post--overlay .post__text .post__text-inner { padding: 50px; padding: 8.45780401577%; } .post--overlay-filter-primary.post--overlay .post__title { font-size: 26px; line-height: 1.4; margin-bottom: 0; max-width: 100%; } .post--overlay-filter-primary.post--overlay .post__cat { border: 1px solid rgba(255,255,255,0.3); background-color: transparent !important; } .post--horizontal-flow-parent { position: static; } .post--horizontal-flow-parent .post__thumb { position: absolute; left: 0; top: 0; bottom: 0; width: 46.0482893061%; } .post--horizontal-flow-parent .post__text { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding: 100px 120px 50px 50px; background-color: #fff; min-height: 540px; } .post--horizontal-flow-parent .post__title { font-size: 2.2rem; line-height: 1.4; position: relative; z-index: 1; } .post--horizontal-flow-parent .post__excerpt { font-size: 1.1428rem; line-height: 1.6; max-width: 80%; } .atbs-feature-b .owl-carousel .post--horizontal-box-rectangle { width: 495px; } .atbs-feature-b .owl-carousel { padding-left: 65px; } .atbs-feature-b .owl-carousel .owl-nav { display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .atbs-feature-b .nav-circle .owl-prev, .atbs-feature-b .nav-circle .owl-next { width: 38px; height: 38px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; padding: 0; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.16); box-shadow: 0 3px 6px rgba(0,0,0,.16); } .atbs-feature-b .nav-circle .owl-prev i, .atbs-feature-b .nav-circle .owl-next i { margin: 0; font-size: 20px; line-height: 1; } .post--horizontal-box-rectangle { padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid rgba(0,0,0,0.1); } .post--horizontal-box-rectangle .post__thumb { width: 140px; height: 140px; } .post--horizontal-box-rectangle:not(.post--horizontal-reverse) .post__thumb { margin-right: 20px; } .post--horizontal-box-rectangle.post--horizontal-reverse .post__thumb { margin-left: 20px; } .post--horizontal-box-rectangle .post__title { font-size: 19px; line-height: 1.5; margin-bottom: 10px; font-weight: 500; } .post--horizontal-box-rectangle .post-author__text { font-size: 1rem; } .post--horizontal-box-rectangle .post-author { opacity: 0.6; } .post--horizontal-box-rectangle .post-author__name { color: #222222; } @media (max-width: 1680px) { .atbs-feature-b .owl-carousel .post--horizontal-box-rectangle { width: 29.4642857143vw; } } @media (max-width: 1600px) { .atbs-feature-b .owl-carousel .post--horizontal-box-rectangle { width: 27.5vw; } } @media (max-width: 1545px) { .atbs-feature-b .section-main .post-sub { padding-top: 40px; padding-left: 40px; } .post--overlay-filter-primary.post--overlay .post__text { min-height: 370px; } .post--horizontal-flow-parent .post__text { padding: 80px 40px 40px 40px; min-height: 490px; } .post--horizontal-flow-parent .post__title { font-size: 2.4285rem; line-height: 1.4; } .atbs-feature-b .owl-carousel .post--horizontal-box-rectangle { width: 27.8317152104vw; } .post--horizontal-box-rectangle .post__thumb { width: 120px; height: 120px; } .post--horizontal-box-rectangle .post__title { font-size: 1.4285rem; line-height: 1.4; margin-bottom: 0; } .post--horizontal-box-rectangle .post__meta { display: none; } } @media (max-width: 1440px) { .atbs-feature-b .section-main { width: -webkit-calc(100% - 27.0833333333%); width: -moz-calc(100% - 27.0833333333%); width: calc(100% - 27.0833333333%); padding-left: 31.25%; } .atbs-feature-b .section-main .post-sub { padding-top: 50px; padding-left: 50px; } .atbs-feature-b .section-sub .post-sub { padding: 7.69230769231% 5.12820512821%; } .post--overlay-filter-primary.post--overlay .post__text .post__text-inner { padding: 6.41025641026% 5.12820512821%; } .post--overlay-filter-primary.post--overlay .post__title { font-size: 1.5714rem; line-height: 1.4; } /**/ .post--horizontal-flow-parent .post__thumb { width: 42.8571428571%; } .post--horizontal-flow-parent .post__text { padding: 70px 115px 40px 50px; min-height: 440px; } .post--horizontal-flow-parent .post__title { font-size: 2rem; line-height: 1.4; } /**/ .atbs-feature-b .owl-carousel .post--horizontal-box-rectangle { width: 400px; } .post--horizontal-box-rectangle .post__thumb { width: 100px; height: 100px; } .post--horizontal-box-rectangle .post__title { font-size: 1.2857rem; line-height: 1.5; } } @media (max-width: 1440px) and (min-width: 1200px){ .post--horizontal-readmore-absolute .post__thumb { width: 80px; height: 80px; } .post--horizontal-readmore-absolute .post__text { padding-right: 0; } .post--horizontal-readmore-absolute .post__title { font-size: 1.1428rem; line-height: 1.5; } .post--horizontal-readmore-absolute .post__readmore { display: none; } } @media (max-width: 1280px) { .atbs-feature-b .section-main .post-sub { padding-top: 30px; padding-left: 30px; } .post--horizontal-flow-parent .post__text { padding: 70px 70px 40px 30px; min-height: 420px; } } @media (max-width: 1280px) and (min-width: 1200px) { .post--overlay-filter-primary.post--overlay .post__text { min-height: 290px; } .post--overlay-filter-primary.post--overlay .post__title { font-size: 1.4285rem; line-height: 1.4; } } @media (max-width: 1199px) { .atbs-feature-b .section-main { width: 100%; padding-left: 45.4545454545%; } .atbs-feature-b .section-main .post-sub { padding-top: 3.33611342786vw; padding-bottom: 4.17014178482vw; padding-left: 3.33611342786vw; } .atbs-feature-b .section-sub { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; width: 100%; -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .atbs-feature-b .section-sub .post-main { width: 45.4545454545%; } .atbs-feature-b .section-sub .post-sub { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding: 50px 4.17014178482vw; } .post--horizontal-flow-parent .post__thumb { width: 45.4545454545%; } .post--horizontal-flow-parent .post__text { padding: 6.67222685571vw 14.1784820684vw 3.33611342786vw 4.17014178482vw; min-height: 36.6972477064vw; } .post--overlay-filter-primary.post--overlay { height: 100%; } .post--overlay-filter-primary.post--overlay .post__text { min-height: 350px; height: 100%; } .post--horizontal-box-rectangle .post__title { font-size: 1.2857rem; line-height: 1.5; } } /*@media (max-width: 991px) and (min-width: 860px) {*/ /* .atbs-feature-b .section-sub .post-sub .posts-list .list-item:not(:last-child) {*/ /* padding-bottom: 2.52270433905vw;*/ /* margin-bottom: 2.52270433905vw;*/ /* border-bottom: 1px solid rgba(255,255,255,0.1);*/ /* }*/ /* .atbs-feature-b .owl-carousel .owl-stage {*/ /* display: flex;*/ /* }*/ /* .atbs-feature-b .owl-carousel .post--horizontal-box-rectangle {*/ /* width: 40.3632694248vw;*/ /* }*/ /* .post--horizontal-box-rectangle {*/ /* padding: 2.01816347124vw;*/ /* }*/ /* .post--horizontal-box-rectangle .post__thumb {*/ /* width: 10.0908173562vw;*/ /* height: 10.0908173562vw;*/ /* }*/ /* .post--horizontal-box-rectangle:not(.post--horizontal-reverse) .post__thumb {*/ /* margin-right: 2.01816347124vw;*/ /* }*/ /* .post--horizontal-box-rectangle a.post__cat {*/ /* font-size: 1.21089808274vw;*/ /* margin-bottom: 1.00908173562vw;*/ /* }*/ /* .post--horizontal-box-rectangle .post__title {*/ /* font-size: 1.81634712412vw;*/ /* }*/ /* .post--horizontal-readmore-absolute .post__thumb {*/ /* width: 10.0908173562vw;*/ /* height: 10.0908173562vw;*/ /* margin-right: 2.01816347124vw;*/ /* }*/ /* .post--horizontal-readmore-absolute .post__text {*/ /* padding-right: 0;*/ /* }*/ /* .post--horizontal-readmore-absolute .post__readmore {*/ /* display: none;*/ /* }*/ /* .post--horizontal-readmore-absolute .post-time-cat-wrap {*/ /* margin-bottom: 1.00908173562vw;*/ /* }*/ /* .post-time-cat-wrap .post__cat:not(:last-child) {*/ /* margin-right: 1.51362260343vw;*/ /* }*/ /* .post--horizontal-readmore-absolute .post__title {*/ /* font-size: 1.81634712412vw;*/ /* }*/ /* .post--horizontal-readmore-absolute a.post__cat,*/ /* .post--horizontal-readmore-absolute time {*/ /* font-size: 1.21089808274vw;*/ /* }*/ /*}*/ @media (max-width: 991px) { .atbs-feature-b .section-main { padding: 0; } .post--horizontal-flow-parent { position: relative; padding-left: 50%; } .post--horizontal-flow-parent .post__thumb { width: 50%; } .post--horizontal-flow-parent .post__text { padding: 70px 50px 70px 50px; } .post--horizontal-flow-parent .post__title { font-size: 26px; line-height: 1.4; } .post--horizontal-readmore-absolute .post__readmore { display: none; } .post--horizontal-readmore-absolute .post__text { padding-right: 0; } .post--horizontal-readmore-absolute .post__thumb { width: 80px; height: 80px; } .post--horizontal-readmore-absolute .post__title { font-size: 1.1428rem; line-height: 1.5; } .post--overlay-filter-primary.post--overlay .post__text { min-height: 300px; } .post--overlay-filter-primary.post--overlay .post__title { font-size: 20px; line-height: 1.4; } .post--horizontal-box-rectangle .post__title { font-size: 16px; line-height: 1.5; } } @media (max-width: 767px) { .atbs-feature-b .atbs-block__inner { padding: 0 -webkit-calc((100% - 510px)/2); padding: 0 -moz-calc((100% - 510px)/2); padding: 0 calc((100% - 510px)/2); } .atbs-feature-b .section-main .post-sub { padding: 0; margin: 30px 0; } .atbs-feature-b .section-sub .post-main { width: 100%; } .atbs-feature-b .section-sub .post-sub { -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; width: 100%; -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-top: 30px; padding: 40px 30px; } .post--horizontal-flow-parent { padding: 0; } .post--horizontal-flow-parent .post__thumb { width: 100%; position: relative; margin-bottom: 0; height: 350px; } .post--horizontal-flow-parent .post__text { padding: 40px 30px 30px 30px; min-height: auto; } .post--horizontal-flow-parent .post__title { font-size: 1.5714rem; line-height: 1.4; } .post--overlay-filter-primary.post--overlay .post__text .post__text-inner { padding: 20px; } .atbs-feature-b .owl-carousel { padding-left: 0; } .atbs-feature-b .owl-carousel .owl-nav { display: none; } .atbs-feature-b .owl-carousel .owl-dots { display: block; padding-bottom: 0; } .atbs-feature-b .owl-carousel .post--horizontal-box-rectangle { width: 510px; } .post--horizontal-box-rectangle .post__title { font-size: 18px; line-height: 1.5; } } @media (max-width: 575px) { .atbs-feature-b .atbs-block__inner { padding: 0 15px; } .atbs-feature-b .section-sub .post-sub { padding: 30px 20px; } .atbs-feature-b .section-sub .post-sub .posts-list .list-item:not(:last-child) { margin-bottom: 15px; padding-bottom: 15px; } .atbs-feature-b .owl-carousel .post--horizontal-box-rectangle { width: -webkit-calc(100vw - 30px); width: -moz-calc(100vw - 30px); width: calc(100vw - 30px); } .post--overlay-filter-primary.post--overlay .post__title { font-size: 1.4285rem; line-height: 1.4; } .post--horizontal-flow-parent .post__thumb { height: 300px; } .post--horizontal-flow-parent .post__text { padding: 30px 20px 25px 20px; min-height: auto; } } @media (max-width: 480px) { .post--horizontal-flow-parent .post__thumb { height: 280px; } .post--horizontal-flow-parent .post__excerpt { max-width: 100%; } .post--horizontal-flow-parent .post__title { font-size: 1.4285rem; line-height: 1.4; } .post--overlay-filter-primary.post--overlay .post__text { min-height: 250px; } .post--horizontal-box-rectangle .post__thumb { width: 80px; height: 80px; } .post--horizontal-readmore-absolute .post__thumb { width: 70px; height: 70px; } } @media (max-width: 380px) { .post--horizontal-flow-parent .post__thumb { height: 250px; } .post--horizontal-flow-parent .post__title { margin-bottom: 0; } .post--horizontal-flow-parent .post__excerpt { display: none; } .post--horizontal-box-rectangle .post__thumb { width: 70px; height: 70px; } .post--horizontal-box-rectangle .post__title { font-size: 1.1428rem; line-height: 1.5; } } /* theme css*/ .atbs-feature-b .section-sub .atbs-atoms-background-primary.post-sub , .atbs-atoms-background-primary .post--horizontal-flow-parent .post__text{ background-color: var(--color-primary); } .atbs-feature-b .section-sub .atbs-atoms-background-primary.post-sub .inverse-text .post__cat { color: #fff !important; } .atbs-dark-mode .post--horizontal-box-rectangle { border-color: rgba(255,255,255,0.15); } .atbs-feature-b .section-sub .atbs-atoms-background-primary.post-sub .post__readmore.icon-circle-50 i { background-color: #fff; color: #222; } @media (max-width: 1199px) { .atbs-dark-mode .atbs-post--grid-l .post-sub .post--no-thumb { background-color: var(--bg-dark-mode-aside); } } /*@end file 67*/ .atbs-feature-c .atbs-block__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 1; padding: 150px 110px; } .atbs-feature-c .section-main { width: 1165px; } .atbs-feature-c .section-sub { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: -webkit-calc(650px + 300px); width: -moz-calc(650px + 300px); width: calc(650px + 300px); height: -webkit-calc(650px + 300px); height: -moz-calc(650px + 300px); height: calc(650px + 300px); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; /*z-index: -1;*/ } .atbs-feature-c .section-main .owl-carousel-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; } .atbs-feature-c .section-main .owl-carousel { width: -webkit-calc(100% - 650px - 30px); width: -moz-calc(100% - 650px - 30px); width: calc(100% - 650px - 30px); z-index: 2; position: static; } .atbs-feature-c .section-main .owl-carousel .owl-stage { -webkit-transition: all 0s ease 0s !important; -o-transition: all 0s ease 0s !important; -moz-transition: all 0s ease 0s !important; transition: all 0s ease 0s !important; } .atbs-feature-c .section-main .owl-carousel .owl-item { -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .atbs-feature-c .section-main .owl-carousel .owl-item:not(.active) { opacity: 0; } .atbs-feature-c .section-main .owl-carousel .owl-item.active { opacity: 1; -webkit-transition: opacity 0.55s ease-in-out 0.45s; -o-transition: opacity 0.55s ease-in-out 0.45s; -moz-transition: opacity 0.55s ease-in-out 0.45s; transition: opacity 0.55s ease-in-out 0.45s; } .atbs-feature-c .section-main .owl-carousel .owl-dots { display: none; } .atbs-feature-c .section-main .owl-carousel .owl-prev, .atbs-feature-c .section-main .owl-carousel .owl-next { width: 50px; height: 50px; border: 0; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16); -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16); box-shadow: 0 3px 6px rgba(0,0,0,0.16); z-index: 2; padding: 0; opacity: 0; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .atbs-feature-c .section-main .owl-carousel .owl-prev { right: 650px; -webkit-transform: translate(-webkit-calc(50% + 25px),-50%); -moz-transform: translate(-moz-calc(50% + 25px),-50%); -ms-transform: translate(calc(50% + 25px),-50%); -o-transform: translate(calc(50% + 25px),-50%); transform: translate(calc(50% + 25px),-50%); left: auto; } .atbs-feature-c .section-main .owl-carousel .owl-next { right: 0; -webkit-transform: translate(-webkit-calc(50% - 25px),-50%); -moz-transform: translate(-moz-calc(50% - 25px),-50%); -ms-transform: translate(calc(50% - 25px),-50%); -o-transform: translate(calc(50% - 25px),-50%); transform: translate(calc(50% - 25px),-50%); } .atbs-feature-c .owl-carousel-wrap:hover .owl-carousel .owl-prev { -webkit-transform: translate(50%,-50%); -moz-transform: translate(50%,-50%); -ms-transform: translate(50%,-50%); -o-transform: translate(50%,-50%); transform: translate(50%,-50%); opacity: 1; } .atbs-feature-c .owl-carousel-wrap:hover .owl-carousel .owl-next { -webkit-transform: translate(50%,-50%); -moz-transform: translate(50%,-50%); -ms-transform: translate(50%,-50%); -o-transform: translate(50%,-50%); transform: translate(50%,-50%); opacity: 1; } .atbs-feature-c .atbs-block__inner:before { content: ''; width: 950px; height: 950px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: var(--color-primary); opacity: 0.06; z-index: -1; } .atbs-feature-c .section-main .owl-background { width: 650px; height: 650px; position: relative; margin-left: auto; } .atbs-feature-c .section-main .owl-background:before { /*content: '';*/ /*width: calc(100% + 300px);*/ /*height: calc(100% + 300px);*/ /*position: absolute;*/ /*left: 50%;*/ /*top: 50%;*/ /*transform: translate(-50%,-50%);*/ /*border-radius: 50%;*/ /*background-color: var(--color-primary);*/ /*opacity: 0.3;*/ /*z-index: -1;*/ } .atbs-feature-c .section-main .owl-background a { width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); /*opacity: 0.2;*/ } .atbs-feature-c .section-main .owl-background img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block; } .atbs-feature-c .section-sub:before { /*content: '';*/ /*width: 100%;*/ /*height: 100%;*/ /*border-radius: 50%;*/ /*background-color: red ;*/ /*opacity: 0.3;*/ /*position: absolute;*/ /*left: 50%;*/ /*top: 50%;*/ /*transform: translate(-50%,-50%);*/ /*z-index: -1;*/ /*opacity: 0.1;*/ } .post-no-thumb-hidden .post__thumb { display: none; } .post-no-thumb-hidden .post__title { max-width: 100%; font-size: 3rem; line-height: 1.3; font-weight: 700; } .post-no-thumb-hidden .post__excerpt { margin-top: 20px; max-width: 425px; } .post--horizontal-thumb-circle .post__title { font-size: 1.3571rem; line-height: 1.5; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .post--horizontal-thumb-circle .post__thumb { width: 150px; height: 150px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .post--horizontal-thumb-circle .post__text { position: absolute; left: 170px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 280px; } .atbs-feature-c .entry-author-has-avatar { margin-top: 20px; } .entry-author-has-avatar { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .entry-author-has-avatar .post-author__avatar img{ width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right: 10px; } .entry-author-has-avatar .post-author__name { font-size: 14px; color: rgba(0,0,0,0.6); text-transform: capitalize; text-decoration: none; } .entry-author-has-avatar .hint-span { color: rgba(0,0,0,0.6); margin-right: 5px; } .entry-author-has-avatar .post-author__text a{ font-weight: bold; } .inverse-text .entry-author-has-avatar .post-author__name, .inverse-text .entry-author-has-avatar .hint-span { color: rgba(255, 255, 255, 0.75); } .text-center .entry-author-has-avatar { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 1921px) { .atbs-feature-c .atbs-block__inner { max-width: 1920px; margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) { .circle-box { width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .circle-box .circle-element { position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: -webkit-calc(50% + 150px/2); width: -moz-calc(50% + 150px/2); width: calc(50% + 150px/2); left: 50%; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .circle-box .circle-element { -webkit-transform: rotate(var(--data-rotate)); -moz-transform: rotate(var(--data-rotate)); -ms-transform: rotate(var(--data-rotate)); -o-transform: rotate(var(--data-rotate)); transform: rotate(var(--data-rotate)); /*width: 525px;*/ } .circle-box .circle-element > * { -webkit-transform: rotate(-webkit-calc(var(--data-rotate) * -1)); -moz-transform: rotate(-moz-calc(var(--data-rotate) * -1)); -ms-transform: rotate(calc(var(--data-rotate) * -1)); -o-transform: rotate(calc(var(--data-rotate) * -1)); transform: rotate(calc(var(--data-rotate) * -1)); /*min-width: 525px;*/ /*margin-left: 525px;*/ } } @media (max-width: 1920px) and (min-width: 1200px) { .atbs-feature-c .atbs-block__inner:before { width: 49.47916666666667vw; height: 49.47916666666667vw; } .atbs-feature-c .atbs-block__inner { padding: 7.8125vw 5.729166666666667vw; } .atbs-feature-c .section-main { /*width: 60.677083333333336vw;*/ width: 61.01190476190476vw; } .atbs-feature-c .section-sub { width: -webkit-calc(33.854166666666664vw + 15.625vw); width: -moz-calc(33.854166666666664vw + 15.625vw); width: calc(33.854166666666664vw + 15.625vw); height: -webkit-calc(33.854166666666664vw + 15.625vw); height: -moz-calc(33.854166666666664vw + 15.625vw); height: calc(33.854166666666664vw + 15.625vw); } .atbs-feature-c .post-time-cat-wrap { margin-bottom: 0.5208333333333334vw; } .atbs-feature-c a.post__cat, .atbs-feature-c time { font-size: 0.625vw; margin-bottom: 0; } .atbs-feature-c .post-time-cat-wrap .post__cat:not(:last-child) { margin-right: 0.78125vw; } .atbs-feature-c .section-main .owl-carousel { width: -webkit-calc(100% - 33.854166666666664vw - 1.5625vw); width: -moz-calc(100% - 33.854166666666664vw - 1.5625vw); width: calc(100% - 33.854166666666664vw - 1.5625vw); } .atbs-feature-c .section-main .owl-carousel .owl-prev, .atbs-feature-c .section-main .owl-carousel .owl-next { width: 2.6041666666666665vw; height: 2.6041666666666665vw; -webkit-box-shadow: 0 0.15625vw 0.3125vw rgba(0,0,0,0.16); -moz-box-shadow: 0 0.15625vw 0.3125vw rgba(0,0,0,0.16); box-shadow: 0 0.15625vw 0.3125vw rgba(0,0,0,0.16); } .atbs-feature-c .section-main .owl-carousel .owl-prev { right: 33.854166666666664vw; } .atbs-feature-c .section-main .owl-background { width: 33.854166666666664vw; height: 33.854166666666664vw; } .post-no-thumb-hidden .post__title { /*font-size: 2.1875vw;*/ font-size: 2.291666666666667vw; } .post-no-thumb-hidden .post__excerpt { margin-top: 1.0416666666666667vw; max-width: 22.135416666666668vw; } .circle-box .circle-element { width: -webkit-calc(50% + 7.8125vw/2); width: -moz-calc(50% + 7.8125vw/2); width: calc(50% + 7.8125vw/2); } .post--horizontal-thumb-circle .post__title { font-size: 0.9375vw; } .post--horizontal-thumb-circle .post__thumb { width: 7.8125vw; height: 7.8125vw; margin-right: 0.78125vw; } .post--horizontal-thumb-circle .post__text { left: 8.854166666666666vw; width: 14.583333333333334vw; } } @media (max-width: 1680px) and (min-width: 1367px) { .atbs-feature-c .atbs-block__inner { padding: 7.8125vw 5.9523809523809526vw; } } @media (max-width: 1366px) and (min-width: 1200px){ .atbs-feature-c .atbs-block__inner { padding: 7.8125vw 3.6603221083455346vw; } .atbs-feature-c .section-main { /*width: 62.59150805270864vw;*/ width: 63.32357247437775vw; } .atbs-feature-c a.post__cat, .atbs-feature-c time { font-size: 0.8784773060029283vw; margin-bottom: 0; } .atbs-feature-c .post-time-cat-wrap { margin-bottom: 0.7320644216691069vw; } .post--horizontal-thumb-circle .post__text { width: 16.105417276720353vw; } .post--horizontal-thumb-circle .post__title { font-size: 1.171303074670571vw; } .post-no-thumb-hidden .post__title { font-size: 2.049780380673499vw; line-height: 1.4; } .post-no-thumb-hidden .post__excerpt { font-size: 1.0980966325036603vw; } } @media (max-width: 1199px) { .atbs-feature-c .atbs-block__inner:before { display: none; } .atbs-feature-c .atbs-block__inner { padding: 0 -webkit-calc((100% - 940px)/2); padding: 0 -moz-calc((100% - 940px)/2); padding: 0 calc((100% - 940px)/2); } .atbs-feature-c .section-main { width: 100%; -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; } .atbs-feature-c .section-main .owl-carousel { width: -webkit-calc(100% - 500px - 30px); width: -moz-calc(100% - 500px - 30px); width: calc(100% - 500px - 30px); -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .atbs-feature-c .section-main .owl-carousel .owl-prev { right: 500px; } .atbs-feature-c .section-main .owl-background { width: 500px; height: 500px; padding: 50px; margin-left: 30px; } .atbs-feature-c .section-main .owl-background:before { content: ''; width: -webkit-calc(100%); width: -moz-calc(100%); width: calc(100%); height: -webkit-calc(100%); height: -moz-calc(100%); height: calc(100%); background-color: var(--color-primary); opacity: 0.3; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .atbs-feature-c .section-main .owl-background a { width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); height: -webkit-calc(100% - 100px); height: -moz-calc(100% - 100px); height: calc(100% - 100px); } .atbs-feature-c .section-sub { width: 100%; position: static; height: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin-top: 40px; } .atbs-feature-c .section-sub .posts-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px; } .atbs-feature-c .section-sub .posts-list > * { width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); padding: 5px; } .atbs-feature-c .section-sub:before { display: none; } .post--horizontal-thumb-circle .post__thumb { width: 90px; height: 90px; } .post--horizontal-thumb-circle .post__text { position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .post--horizontal-thumb-circle .post-time-cat-wrap { margin-bottom: 6px; } .post--horizontal-thumb-circle time { display: none; } .post--horizontal-thumb-circle .post__title { font-size: 1.1428rem; line-height: 1.5; } .post-no-thumb-hidden .post__title { font-size: 2.1428rem; line-height: 1.4; } } @media (max-width: 991px) { .atbs-feature-c .atbs-block__inner { padding: 0 -webkit-calc((100% - 720px)/2); padding: 0 -moz-calc((100% - 720px)/2); padding: 0 calc((100% - 720px)/2); } .atbs-feature-c .section-main .owl-carousel { width: 100%; -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; } .atbs-feature-c .section-main .owl-background { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .atbs-feature-c .section-main .owl-carousel .owl-prev, .atbs-feature-c .section-main .owl-carousel .owl-next { top: -webkit-calc(500px / 2); top: -moz-calc(500px / 2); top: calc(500px / 2); } .atbs-feature-c .section-main .owl-carousel .owl-prev { right: auto; left: -webkit-calc((100% - 500px) / 2); left: -moz-calc((100% - 500px) / 2); left: calc((100% - 500px) / 2); } .atbs-feature-c .section-main .owl-carousel .owl-next { right: -webkit-calc((100% - 500px) / 2); right: -moz-calc((100% - 500px) / 2); right: calc((100% - 500px) / 2); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .atbs-feature-c .owl-carousel-wrap:hover .owl-carousel .owl-prev { -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .atbs-feature-c .section-sub { padding: 40px 60px; background-color: #131313; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .atbs-feature-c .section-sub .posts-list > * { width: 100%; padding: 0; } .atbs-feature-c .section-sub .posts-list > *:not(:last-child) { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,0.1); } .post-no-thumb-hidden .post__title { font-size: 2rem; line-height: 1.4; } .post--horizontal-thumb-circle .post__title { color: #fff; } .post--horizontal-thumb-circle .post__text { width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .atbs-feature-c .post--horizontal-thumb-circle .post__title { font-size: 18px; line-height: 1.5; } } @media (max-width: 767px) { .atbs-feature-c .atbs-block__inner { padding: 0 -webkit-calc((100% - 510px)/2); padding: 0 -moz-calc((100% - 510px)/2); padding: 0 calc((100% - 510px)/2); } .atbs-feature-c .entry-author-has-avatar { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .atbs-feature-c .section-sub { padding: 30px 30px; background-color: #131313; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .atbs-feature-c .section-main .owl-background { width: 450px; height: 450px; } .atbs-feature-c .section-main .owl-carousel .owl-prev, .atbs-feature-c .section-main .owl-carousel .owl-next { top: -webkit-calc(450px / 2); top: -moz-calc(450px / 2); top: calc(450px / 2); } .atbs-feature-c .section-main .owl-carousel .owl-prev { right: auto; left: -webkit-calc((100% - 450px) / 2); left: -moz-calc((100% - 450px) / 2); left: calc((100% - 450px) / 2); } .atbs-feature-c .section-main .owl-carousel .owl-next { right: -webkit-calc((100% - 450px) / 2); right: -moz-calc((100% - 450px) / 2); right: calc((100% - 450px) / 2); } .post-no-thumb-hidden .post__excerpt { margin-left: auto; margin-right: auto; } .post-no-thumb-hidden .post__title { font-size: 24px; line-height: 1.4; } } @media (max-width: 575px) { .atbs-feature-c .atbs-block__inner { padding: 0 15px; } .atbs-feature-c .section-main .owl-background { width: -webkit-calc(100vw - 30px); width: -moz-calc(100vw - 30px); width: calc(100vw - 30px); height: -webkit-calc(100vw - 30px); height: -moz-calc(100vw - 30px); height: calc(100vw - 30px); padding: 0; } .atbs-feature-c .section-main .owl-carousel .owl-prev, .atbs-feature-c .section-main .owl-carousel .owl-next { top: -webkit-calc((100vw - 30px + 25px) / 2); top: -moz-calc((100vw - 30px + 25px) / 2); top: calc((100vw - 30px + 25px) / 2); } .atbs-feature-c .section-main .owl-carousel .owl-prev { right: auto; left: -webkit-calc((100% - 100vw + 125px) / 2); left: -moz-calc((100% - 100vw + 125px) / 2); left: calc((100% - 100vw + 125px) / 2); } .atbs-feature-c .section-main .owl-carousel .owl-next { right: -webkit-calc((100% - 100vw + 125px) / 2); right: -moz-calc((100% - 100vw + 125px) / 2); right: calc((100% - 100vw + 125px) / 2); } .post-no-thumb-hidden .post__title { font-size: 24px; line-height: 1.4; } .post--horizontal-thumb-circle .post-time-cat-wrap { display: none; } .post-no-thumb-hidden .post__cat:not(:last-child) { margin-right: 0; } } @media (max-width: 480px) { .post-no-thumb-hidden .post__title { font-size: 22px; line-height: 1.4; } } @media (max-width: 380px) { .post-no-thumb-hidden .post__title { font-size: 1.5714rem; line-height: 1.4; } .post--horizontal-thumb-circle .post__thumb { width: 70px; height: 70px; } } /*@end file 68*/ .single-3 .atbs-block.single-header-wrap:not(:last-child), .single-2 .atbs-block.single-header-wrap:not(:last-child), .single-1 .atbs-block.single-header-wrap:not(:last-child) { margin-bottom: 80px; } .single-1 .single-header__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding: 0 0 0 100px; } .single-1 .single-entry-thumb { width: 630px; height: 400px; margin-left: 90px; margin-bottom: 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; } .single-5 .single-entry-thumb, .single-4 .single-entry-thumb, .single-1 .single-entry-thumb { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; } .single-5 .single-entry-thumb, .single-4 .single-entry-thumb { margin-bottom: 40px; } .single-1 .single-header { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 55px; margin: 0; } .single-header .entry-title { font-size: 2.1428rem; line-height: 1.4; font-weight: 800; } .single-header .entry-title + .entry-author { margin-top: 20px; } .entry-meta .time { display: inline-block; margin-bottom: 10px; } .single-entry .atbs-block--fullwidth.atbs-block--contiguous:first-child { margin-top: -70px; } .single-3 .single-header__inner, .single-2 .single-header__inner { position: relative; } .single-3 .single-entry-thumb, .single-2 .single-entry-thumb { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; margin: 0; } .single-3 .single-header, .single-2 .single-header { min-height: 460px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; padding-top: 80px; padding-bottom: 80px; } .single-2 .single-header-group, .single-3 .single-header-group { max-width: 576px; } .single-3 .single-header-group, .single-5 .single-header-group { margin-left: auto; margin-right: auto; } .single-column-right .atbs-gallery-wrap { margin-top: 0; } .single-body p { margin-bottom: 35px; } .single-body p:last-child { margin-bottom: 0; } .post--single .single-body { padding-left: 0; padding-right: 0; } .single-body .atbs-responsive-video { /*margin-bottom: 2em;*/ /*Fix Gutenberg*/ } .single-body .atbs-post-media-wide { margin: 55px 0; } .single-body .single-column-right .atbs-post-media-wide, .single-body .atbs-post-media-wide:first-child { margin-top: 0; } .single-body .atbs-post-media-wide:last-child { margin-bottom: 0; } .single-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .single-column-left { width: 100px; } .single-column-right { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 100%; overflow: hidden; } .typography-copy .social-share ul, .social-share ul { padding: 0; margin: -10px; } .social-share ul li { padding: 5px 10px; line-height: 1; } .social-share ul li a { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #909090; padding: 0; outline: 0; } .share-item__icon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .social-share ul li a svg { padding: 10px; border: 1px solid #ddd; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .social-share ul li a:hover svg, .social-share ul li a:focus svg { fill: #fff; background-color: var(--color-primary); border: 1px solid transparent; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } /**/ .atbs-pagination--next-n-prev .atbs-pagination__item { background: var(--color-primary); } .atbs-pagination--next-n-prev .atbs-pagination__item:hover, .atbs-pagination--next-n-prev .atbs-pagination__item:focus { opacity: 0.8; background: var(--color-primary); color: #fff; } .atbs-pagination--next-n-prev .atbs-pagination__links:not(.atbs-pagination-last-page-link) a:first-child:not(:only-child) .atbs-pagination__item { background: #f5f5f5; color: rgba(0, 0, 0, .8); } .atbs-pagination--next-n-prev .atbs-pagination__links a:not(:first-child) { margin-left: 7.5px; } .atbs-pagination--next-n-prev .atbs-pagination__label span { font-weight: 600; } .atbs-pagination--next-n-prev { margin: 0; } /**/ .single-footer { margin-top: 45px; } .single-footer .entry-interaction { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .single-footer .entry-interaction__left { margin-right: 30px; } .single-footer .entry-interaction__right { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .entry-tags ul > li > a { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; outline: 0; min-width: 80px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 8px 15px; line-height: 1; font-size: 12px; text-transform: uppercase; color: rgba(34, 34, 34, 0.6); -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .entry-tags ul > li:not(.entry-tags__icon) > a::before { display: none; } .entry-tags .entry-tags__icon { margin: 0; } .entry-tags ul > li > a:hover, .entry-tags ul > li > a:focus { background-color: var(--color-primary); color: #fff; } .entry-interaction__right > a:not(:first-child) { margin-left: 10px; } .comments-section .block-heading { margin-bottom: 30px; } .comment-respond .block-heading { margin-bottom: 15px; } .comment-respond .block-heading .block-heading__title { padding-left: 0 !important; } .comment-respond .block-heading .block-heading__title:before { display: none; } .single-footer .comments-count i, .single-footer .view-count i { font-size: 15px; margin-right: 5px; color: var(--color-primary); } .single-footer .comments-count, .single-footer .view-count { font-size: 11px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(34, 34, 34, 0.5); letter-spacing: 0.5px; text-decoration: none; } .comment-form .form-submit input[type="submit"] { padding: 7px 15px; background-color: var(--color-primary); border-color: var(--color-primary); line-height: 1.5; } .comment-form .form-submit input[type="submit"]:hover { background: transparent; color: var(--color-primary); } /**/ .post--single { margin-bottom: 20px; } .navigation-author__wrap .posts-navigation.single-entry-section { margin-top: 0; } .posts-navigation { padding-top: 35px; padding-bottom: 35px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); } .posts-navigation .post--horizontal:not(.post--horizontal-reverse) .post__thumb { margin-right: 25px; } .posts-navigation .post--horizontal.post--horizontal-reverse .post__thumb { margin-left: 25px; } .posts-navigation .post__thumb { width: 85px; height: 85px; } .posts-navigation .post__title { font-size: 1.1428rem; line-height: 1.4375; font-weight: 500; } .posts-navigation__label { position: initial; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; padding: 0; margin-bottom: 10px; line-height: 1.3; text-transform: uppercase; font-size: 12px; color: var(--color-primary); } .posts-navigation__label span { position: relative; } .posts-navigation__label::before { display: none; } /**/ .author-box { padding: 0; max-width: 400px; margin: 55px auto 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: transparent; border: none; } .author-box .author-avatar { margin: 0 20px 0 0; width: 65px; height: 65px; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; border: none; } .author-box .author-avatar img { height: 100%; width: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .author-box .author-box__text { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0; text-align: left; } .author-box .author-name a { font-size: 1.0714rem; line-height: 1.5; color: var(--color-text); opacity: 0.8; text-transform: none; } .author-box .author-bio { margin-top: 10px; color: var(--color-text-gray); font-size: 1.1rem; /*font system*/ line-height: 1.5; } .author-box .author-social li:not(:last-child) { padding-right: 10px; } .author-box .author-social { margin-top: 10px; } .author-box .author-social a { font-size: 1.1rem; /*font system*/ color: #888; } .author-box .author-social li:hover a { color: var(--color-primary); } .single-entry-section { margin-top: 55px; } .comments-title { border-top: 0; padding-top: 0; font-size: 1.4285rem; line-height: 1.4; font-weight: 700; color: var(--color-heading, #222); } .comments-title::before { display: none !important; } .comment-reply-title { font-size: 1.4285rem; line-height: 1.4; font-weight: 700; color: var(--color-text); margin-bottom: 10px; } .comment-author > img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .comment-notes { color: var(--color-text); opacity: 0.56; font-size: 0.8571rem; /*font system*/ line-height: 1.5; font-weight: 300; } .comment-form label { font-size: 1.0714rem; line-height: 1.5; color: var(--color-text); opacity: 0.9; font-weight: 400; margin-bottom: 5px; } .comment-form p { font-size: 1.0714rem; } .bypostauthor > .comment-body .comment-author > img { border-color: var(--color-primary); } /** WordPress Editor Content **/ .typography-copy .wp-caption, .comment-content .wp-caption { max-width: 100%; } @media (min-width: 576px) { .single-entry--has-share-box .single-footer, .single-entry--has-share-box .atbs-pagination--next-n-prev, .single-entry--has-share-box .navigation-author__wrap { padding-left: 70px; } } @media (min-width: 768px) { .single-entry--has-share-box .single-footer, .single-entry--has-share-box .atbs-pagination--next-n-prev, .single-entry--has-share-box .navigation-author__wrap { padding-left: 80px; } } @media (min-width: 1200px) { .single-entry--has-share-box .single-footer, .single-entry--has-share-box .atbs-pagination--next-n-prev, .single-entry--has-share-box .navigation-author__wrap { padding-left: 100px; } } @media (min-width: 768px) { .single-5 .entry-title, .single-4 .entry-title { max-width: 680px; } .post--single .single-body { font-size: 1.1428rem; line-height: 1.75; color: #222222; } .posts-navigation__next { padding-left: 25px; } .posts-navigation__prev { padding-right: 25px; } } @media (min-width: 1200px) { .atbs-main-col { padding-right: 85px; } } @media (max-width: 1199px) { .single-1 .single-header__inner { padding: 0; } .single-column-left { width: 80px; } .single-footer, .navigation-author__wrap, .author-box { padding-left: 0; } .single-1 .single-entry-thumb { width: 550px; height: 350px; margin-left: 50px; } .single-header .entry-title { font-size: 1.8571rem; line-height: 1.4; } .single-body .atbs-post-media-wide { margin: 40px 0; } .single-body p { margin-bottom: 25px; } } @media (max-width: 1199px) and (min-width: 992px) { .posts-navigation .post--horizontal:not(.post--horizontal-reverse) .post__thumb { margin-right: 15px; } .posts-navigation .post--horizontal.post--horizontal-reverse .post__thumb { margin-left: 15px; } .posts-navigation__next { padding-left: 15px; } .posts-navigation__prev { padding-right: 15px; } } @media (max-width: 991px) { .single-3 .atbs-block.single-header-wrap:not(:last-child), .single-2 .atbs-block.single-header-wrap:not(:last-child), .single-1 .atbs-block.single-header-wrap:not(:last-child) { margin-bottom: 50px; } .single-1 .single-header-wrap { margin-bottom: 70px; } .single-1 .single-header__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .single-1 .single-entry-thumb { width: 100%; height: 400px; margin: 0 0 25px 0; } .single-1 .single-header { padding-top: 0; } .single-header .entry-title { max-width: 580px; } .single-3 .single-header, .single-2 .single-header { min-height: 420px; padding-top: 40px; padding-bottom: 40px; } } @media (max-width: 767px) { .single-1 .single-header-wrap, .single-2 .single-header-wrap, .single-3 .single-header-wrap { margin-bottom: 50px; } .single-entry .atbs-block--fullwidth.atbs-block--contiguous:first-child { margin-top: -35px; } .single-1 .single-entry-thumb { height: 300px; } .single-header .entry-title { font-size: 1.7142rem; line-height: 1.4; } .single-column-left { width: 70px; } .single-body .atbs-post-media-wide { margin: 30px 0; } .single-body p { margin-bottom: 20px; } .single-3 .single-header, .single-2 .single-header { min-height: 350px; padding-top: 30px; padding-bottom: 30px; } .single-4 .single-header .entry-author-has-avatar, .single-1 .single-header .entry-author-has-avatar, .single-2 .single-header .entry-author-has-avatar { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .single-5 .single-entry-thumb, .single-4 .single-entry-thumb { margin-bottom: 35px; } } @media (max-width: 575px) { .single-1 .single-header-wrap, .single-2 .single-header-wrap, .single-3 .single-header-wrap { margin-bottom: 30px; } .single-1 .single-entry-thumb { height: 280px; } .single-3 .atbs-block.single-header-wrap:not(:last-child), .single-2 .atbs-block.single-header-wrap:not(:last-child), .single-1 .atbs-block.single-header-wrap:not(:last-child) { margin-bottom: 25px; } .single-header .entry-title { font-size: 1.5714rem; line-height: 1.4; } .single-3 .single-header > *, .single-2 .single-header > * { width: 100%; } .single-2 .single-header, .single-3 .single-header { min-height: 320px; padding-top: 20px; padding-bottom: 20px; } .single-column-left { width: 100%; } .single-column-right { -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; } .single-column-right:not(:first-child) { margin-top: 35px; } .share-box .social-share ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px; } .social-share ul li { padding: 5px; } .social-share ul li a { display: inline; } .posts-navigation { padding-top: 25px; padding-bottom: 25px; } .posts-navigation__label { margin-bottom: 5px; } .posts-navigation .post__thumb { width: 85px; height: 85px; } .posts-navigation .post--horizontal:not(.post--horizontal-reverse) .post__thumb { margin-right: 15px; } .posts-navigation .post--horizontal.post--horizontal-reverse .post__thumb { margin-left: 15px; } } @media (max-width: 380px) { .single-1 .single-entry-thumb { height: 250px; } .single-3 .atbs-block.single-header-wrap:not(:last-child), .single-2 .atbs-block.single-header-wrap:not(:last-child), .single-1 .atbs-block.single-header-wrap:not(:last-child) { margin-bottom: 20px; } .single-column-right:not(:first-child) { margin-top: 25px; } } .post--single .share-box ul { margin: -5px -10px; } /*---------------------------------------------------------------------------------- */ /* --------------- scroll-count-percent */ .scroll-count-percent { width: 80px; height: 80px; position: absolute; z-index: 9999; top: -webkit-calc(101% + 50px); top: -moz-calc(101% + 50px); top: calc(101% + 50px); right: 50px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .admin-bar .scroll-count-percent{ top: -webkit-calc(101% + 82px); top: -moz-calc(101% + 82px); top: calc(101% + 82px); } .js-sticky-header.is-fixed .scroll-count-percent{ top: -webkit-calc(101% + 50px); top: -moz-calc(101% + 50px); top: calc(101% + 50px); } .js-sticky-header.is-fixed.is-shown .scroll-count-percent{ top: -webkit-calc(101% + 50px); top: -moz-calc(101% + 50px); top: calc(101% + 50px); -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .sticky-header.is-fixed .scroll-count-percent.active, .scroll-count-percent.active{ visibility: visible; pointer-events: auto; opacity: 1; } .scroll-count-percent .progress-scroll { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .scroll-count-percent .progress__meter, .scroll-count-percent .progress__value { fill: none; } .scroll-count-percent .progress__meter { stroke: #e6e6e6; fill: #fff; } .scroll-count-percent .progress__value { stroke: var(--color-primary); opacity: 0.8; stroke-linecap: round; -webkit-transition: all 0.15s; -o-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s; } .scroll-count-percent .percent { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .scroll-count-percent .percent-number { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .scroll-count-percent .percent-number span { font-size: 15px; font-weight: 500; line-height: 1; margin-right: 1px; } @media (max-width: 1430px) { .scroll-count-percent { right: 20px; } } @media (max-width: 1366px) { .scroll-count-percent { right: 15px; height: 60px; width: 60px; } .scroll-count-percent .percent-number span { font-size: 13px; } } @media (max-width: 1199px) { .scroll-count-percent { display: none; } } @media (max-width: 1199px) { .scroll-count-percent { right: 20px; height: 60px; width: 60px; } .scroll-count-percent .percent-number span { font-size: 14px; } } @media (max-width: 991px) { .scroll-count-percent { opacity: 1; right: 25px; display: none; } } /*scroll mobile*/ .scroll-count-percent-mobile.scroll-count-percent { position: fixed; top: 0; left: 0; width: 100%; height: 3px; -webkit-box-pack: unset; -ms-flex-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; justify-content: unset; display: none; } .scroll-count-percent-mobile.scroll-count-percent .progress-scroll { -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; width: 100%; height: 100%; } .scroll-count-percent-mobile.scroll-count-percent .percent-number { background-color: var(--color-primary); height: 100%; width: 100px; position: initial; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; display: block; left: unset; top: unset; -webkit-transition: 0.2s; -o-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } @media (max-width: 991px) { .scroll-count-percent-mobile.scroll-count-percent.active { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; visibility: visible; } } /* .scroll-count-percent ---------------*/ /*single */ .infinity-single-trigger { position: relative; margin-top: -100px; height: 140px; color: var(--color-text); -webkit-transition: 0.3s all; -o-transition: 0.3s all; -moz-transition: 0.3s all; transition: 0.3s all; display: none; } .single-infinity-scroll .single-infinity-inner:last-child .infinity-single-trigger { display: block; } .infinity-single-trigger::before { content: "\e97b"; font-family: "mdicon" !important; font-size: 38px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%); -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .atoms-share-lable { text-transform: uppercase; letter-spacing: 1px; font-size: 13px; margin-bottom: 20px; display: inline-block; color: var(--color-primary); } .logged-in-as { color: #888; font-style: italic; letter-spacing: 0.5px; } /*@end file 69*/ /*----------------------- review */ .atbs-review { padding-top: 15px; margin-bottom: 30px; font-size: 16px; font-size: 1.1429rem; } @media (min-width: 768px) { .atbs-review { padding-top: 20px; } } /* .atbs-review:first-child { padding-top: 0; } */ .single-body--context > .atbs-review:first-child { padding-top: 0; } .atbs-review__inner { padding: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fafafa; } @media (min-width: 768px) { .atbs-review__inner { padding: 30px; } } .atbs-review__inner > *:not(:last-child) { margin-bottom: 20px; } .atbs-review__pros-and-cons { margin-top: 25px; } @media (min-width: 768px) { .atbs-review__top { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .atbs-review__product { width: 100%; margin-right: 15px; margin-bottom: 15px; } .atbs-review__product-image { width: 60px; } @media (min-width: 768px) { .atbs-review__product-image { width: 70px; } } .atbs-review .atbs-review__product-name { margin-top: 0; margin-bottom: 0; } .atbs-review__product-byline { color: rgba(0, 0, 0, 0.4); } .atbs-review__overall-score { text-align: center; } @media (min-width: 768px) { .atbs-review__overall-score { margin-top: -40px; } } @media (min-width: 1200px) { .atbs-review__overall-score { margin-top: -50px; } } .atbs-review__summary p:last-child { margin-bottom: 0; } .atbs-review .atbs-review__list-title { margin-top: 0; margin-bottom: 10px; font-size: 1.1em; font-weight: 700; text-transform: uppercase; } .atbs-review__pros ul, .atbs-review__cons ul { margin: 0; padding: 0; list-style: none; } .atbs-review__pros ul li:not(:first-child), .atbs-review__cons ul li:not(:first-child) { margin-top: 10px; } .atbs-review__pros ul i, .atbs-review__cons ul i { margin-right: 0.4em; } .atbs-review__pros ul i { color: #59d66f; } .atbs-review__cons ul i { color: #fa3f40; } /* Layout */ .atbs-reviews-section { padding: 50px 25px; background-color: #F8F8F8; } .atbs-reviews-section .reviews-title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .atbs-reviews-section .reviews-title > * { padding: 15px; } .atbs-reviews-section .reviews-title > *:first-child { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0; } .atbs-reviews-section .heading-title { font-size: 18px; font-weight: bold; color: #222222; margin-top: 0; } .atbs-reviews-section .heading-title.text-center { font-size: 15px; font-weight: 400; color: #666; } .atbs-reviews-section .heading-title-link { text-decoration: none; color: #0661F1; text-transform: uppercase; font-size: 12px; font-weight: 400; } .atbs-reviews-section .reviews-content { margin-top: 25px; background-color: #fff; padding: 45px 30px 25px 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .reviews-score-list { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; /*margin-right: 90px;*/ } .reviews-score-list .score-item:not(:last-child) { margin-bottom: 20px; } /* Content */ /**/ .score-item .score-text { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .score-item .score-name, .score-item .score-number { font-size: 14px; line-height: 1.5; color: #000; font-weight: 400; } /**/ .score-item .score-value { width: 100%; -webkit-border-radius: 0 24px 24px 0; -moz-border-radius: 0 24px 24px 0; border-radius: 0 24px 24px 0; background-color: #f3f3f3; height: 4px; margin-top: 8px; position: relative; } .score-item .score-percent { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; height: 100%; background-color: #0661F1; } .single-percent-login-required { position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; } /*----------------------------------*/ .atbs-review { line-height: 1.5; } .atbs-review__product-image { width: 80px; } .atbs-review__product-image.not-exist-img { position: relative; padding-top: 80px; } .atbs-review__product-image.not-exist-img::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #9A9A9A; } .atbs-review .post-score-circle .circle-svg { -webkit-filter: drop-shadow(0 0 20px rgba(0, 0, 0, .2)); filter: drop-shadow(0 0 20px rgba(0, 0, 0, .2)); } .atbs-review__product { margin-right: 30px; } .atbs-review__product .media-left { padding-right: 30px; } .atbs-review .atbs-review__product-name { margin-bottom: 10px; } .atbs-review__product-byline { color: rgba(0,0,0,.4); } .atbs-review__pros-and-cons ul { margin-bottom: 0 !important; padding-left: 0 !important; } .atbs-review__pros-and-cons .atbs-review__list-title { color: var(--color-text-dark); } @media (min-width: 768px) { .atbs-review__product-image.not-exist-img { padding-top: 70px; } .atbs-review__overall-score { margin-top: -50px; } } @media (max-width: 991px) and (min-width: 481px) { .atbs-review .atbs-review__list-title { font-weight: 600; } } @media (max-width: 767px) { .atbs-review__inner { position: relative; padding-top: 135px; } .atbs-review__inner > *:not(:last-child) { margin-bottom: 25px; } .atbs-review__overall-score { position: absolute; top: -15px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .atbs-review .post-score-circle--l { width: 100px; } .atbs-review .post-score-circle--l .post-score-value { font-size: 40px; } .atbs-review .atbs-review__product-name { font-size: 22px; font-size: 1.5714rem; /*font system*/ line-height: 1.41; } } @media (max-width: 480px) { /*.atbs-review__product .media-left {*/ /* display: block;*/ /* margin-bottom: 20px;*/ /* padding: 0;*/ /*}*/ /*.atbs-review__product-image {*/ /* margin: 0 auto;*/ /* width: 200px;*/ /*}*/ /*.atbs-review__product-image.not-exist-img {*/ /* padding-top: 200px;*/ /*}*/ /*.atbs-review__product .media-middle {*/ /* text-align: center;*/ /*}*/ } @media (max-width: 380px) { .atbs-review .post-score-circle--l { width: 90px; } .atbs-review .post-score-circle--l .post-score-value { font-size: 34px; } } /** Update Review Icon **/ .post-type-icon svg, .post-score svg { fill: var(--color-primary); } .post-score-hexagon--xl .post-score-value { color: var(--color-text); } @media (min-width: 1200px) { .single-body .atbs-review:not(.atbs-review--aside) { margin-left: 0; margin-right: 0; } .post-score-hexagon--xl .post-score-value { font-size: 30px; } } /* /review ----------------------- */ /*@end file 70*/ /*----------------------- reaction */ .atbs-article-reactions { margin-top: 30px; margin-bottom: 55px; width: 100%; } .atbs-reactions-flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: -10px; } .atbs-reactions-flex > .atbs-reactions-col { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -moz-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media(max-width: 767px) and (min-width: 576px) { .atbs-reactions-flex { margin: -5px; } .atbs-reactions-flex > .atbs-reactions-col { padding: 5px; } } @media(max-width: 575px) { .atbs-reactions-flex > .atbs-reactions-col { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(100% / 3); -moz-box-flex: 0; -ms-flex: 0 0 calc(100% / 3); flex: 0 0 calc(100% / 3); max-width: -webkit-calc(100% / 3); max-width: -moz-calc(100% / 3); max-width: calc(100% / 3); } } @media(max-width: 380px) { .atbs-reactions-flex > .atbs-reactions-col { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .atbs-reactions-content[role="button"] { text-align: center; margin-bottom: 0; cursor: pointer; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; border: 1px solid var(--color-border, rgba(0,0,0,0.1)); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding-bottom: 15px; outline: none; } .atbs-article-reactions .atbs-reactions-content:hover, .atbs-article-reactions .atbs-reactions-content:focus { border: 1px solid var(--color-primary); } .atbs-article-reactions .atbs-reactions-image { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column;; -webkit-box-align: center;; -webkit-align-items: center;; -moz-box-align: center;; -ms-flex-align: center;; align-items: center; text-align: center; margin-bottom: 0; padding-top: 20px; } .atbs-article-reactions .atbs-reactions-content, .atbs-article-reactions .atbs-reactions-content:active .atbs-reaction-count { -webkit-transition: transfrom 0.4s ; -o-transition: transfrom 0.4s ; -moz-transition: transfrom 0.4s ; transition: transfrom 0.4s ; } .atbs-article-reactions .atbs-reactions-content .atbs-reaction-count{ font-weight: 500; margin-top: 15px; font-size: 12px; -webkit-transition: 0.2s all ease; -o-transition: 0.2s all ease; -moz-transition: 0.2s all ease; transition: 0.2s all ease; position: relative; } @media (max-width: 767px) { .atbs-article-reactions .atbs-reactions-content .atbs-reaction-count { font-weight: 500; margin-top: 13px; font-size: 11px; } } .atbs-article-reactions .atbs-reactions-content.active .atbs-reaction-count { color: var(--color-primary); } .atbs-article-reactions .atbs-reactions-content.scale-count .atbs-reaction-count { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } .atbs-article-reactions .atbs-reactions-content svg { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); } .atbs-article-reactions .atbs-reactions-content .scale-icon svg { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .atbs-article-reactions .atbs-reactions-image svg { width: 35px; height: 35px; -webkit-transition: 0.2s all ease; -o-transition: 0.2s all ease; -moz-transition: 0.2s all ease; transition: 0.2s all ease; } @media (max-width: 767px) { .atbs-article-reactions .atbs-reactions-image svg { width: 30px; height: 30px; } } .atbs-article-reactions .atbs-reaction-name { margin-top: 12px; text-transform: uppercase; font-size: 11px; letter-spacing: 0.4px; font-weight: 700; display: block; } @media (max-width: 767px) { .atbs-article-reactions .atbs-reaction-name { margin-top: 10px; font-size: 10px; } } .atbs-reactions-title { font-size: 18px; font-size: 1.2857rem; font-weight: 700; margin-bottom: 25px; line-height: 1.2; } /* /reaction ----------------------- */ /*@end file 71*/ /*---------------------------------------------------------------- Page CSS -----------------------------------------------------------------*/ /*@end file 72*/ /*---- 404 ----*/ .page-404 { margin-bottom: 125px; margin-top: 70px; } .page-404-logo { margin-bottom: 60px; } .page-404-logo a { font-size: 50px; font-size: 3.5714rem; font-weight: bold; } .page-404-image { margin-bottom: 50px; } .page-404-image .page-404-title { text-align: center; font-size: 120px; font-size: 8.5714rem; font-weight: bold; } .page-404-text .error-notice { margin-bottom: 40px; color: var(--color-text); } .page-404-search { max-width: 400px; margin: auto; } .btn-back-home .mdicon { margin-top: -0.15em; padding-right: 5px; font-size: 20px; } /*@end file 73*/ /*---------------------------------------------------------------- Theme CSS -----------------------------------------------------------------*/ /** Color **/ .widget_categories li > a:hover, .widget_categories li > a:focus, .widget_meta li > a:hover, .widget_meta li > a:focus, .widget_pages li > a:hover, .widget_pages li > a:focus, .widget_archive li > a:hover, .widget_archive li > a:focus, .widget_nav_menu li > a:hover, .widget_nav_menu li > a:focus, .widget_recent_entries li > a:hover, .widget_recent_entries li > a:focus, .widget_recent_comments .comment-author-link a:hover, .widget_recent_comments .comment-author-link a:focus, .widget_recent_comments .recentcomments > a:hover, .widget_recent_comments .recentcomments > a:focus, .atbs-widget-indexed-posts-2 .posts-list > li .post__title::after { color: var(--color-links-hover); } /** Background **/ .widget_calendar #today a, .subscribe-form__fields input[type="submit"], .atbs-widget-indexed-posts-1 .posts-list > li .post__thumb::after, .atbs-widget-most-commented .comments-count-box { background: var(--color-primary); } /** Fill **/ .post-score-hexagon .hexagon-svg g path { fill: var(--color-primary); } .atbs-widget-most-commented .comments-count-box::before { border-top-color: var(--color-primary); } /** Fix Word Break **/ .menu-item, .search-term, .popular-title, .widget__title-text, .block-heading__title, .block-heading__subtitle, .page-heading__title, .page-heading__subtitle, .post__title, .entry-title, .post__cat, .entry-cat, .atbssuga-review__product-name, .atbssuga-review__product-byline, .atbssuga-review__summary, .author-name, .author-bio, .category-tile__description, .widget_meta li, .widget_pages .page_item, .widget_categories .cat-item, .widget_recent_entries li, .textwidget > *:not(table), .widget_mc4wp_form_widget p, .widget_mc4wp_form_widget label, .widget_mc4wp_form_widget small, .widget_mc4wp_form_widget h2, .widget_mc4wp_form_widget h3, .widget_mc4wp_form_widget h4, .widget_mc4wp_form_widget h5, .widget_mc4wp_form_widget h6, .widget_nav_menu .menu-item, .recentcomments .comment-author-link, .recentcomments a, .rsswidget, .rssSummary, .tagcloud a { word-wrap: break-word; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; /*-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;*/ } /*@end file 74*/ /* Default dark-mode text: white ; inverse --> black text * If data-dark-mode="false" then text will be black ; inverse --> white text **/ .header-2 .lwa-template-modal .navigation-bar__login-btn i.mdicon-person + span { color: var(--color-contrast-80); } /* ============================================================================= ## DARK MODE ============================================================================= */ .atbs-dark-mode, .atbs-dark-mode article[data-dark-mode="false"] .inverse-text { --color-contrast-100: rgb(255, 255, 255); --color-contrast-80: rgba(255, 255, 255, 0.8); --color-contrast-60: rgba(255, 255, 255, 0.6); --color-contrast-50: rgba(255, 255, 255, 0.5); --color-contrast-40: rgba(255, 255, 255, 0.4); --color-contrast-30: rgba(255, 255, 255, 0.3); --color-contrast-20: rgba(255, 255, 255, 0.2); --color-contrast-10: rgba(255, 255, 255, 0.1); --color-contrast-5: rgba(255, 255, 255, 0.05); --color-heading-subtitle: var(--color-contrast-40); --color-text: var(--color-contrast-80); --color-cat: var(--color-contrast-60); --color-excerpt: var(--color-contrast-60); --color-meta: rgba(255, 255, 255, 0.48); --color-links: var(--color-text); --color-links-hover: var(--color-primary); --color-border: rgba(255, 255, 255, 0.13); --color-input-border: var(--color-contrast-20); --color-input-border-focus: var(--color-contrast-40); --bg-dark-mode: #222222; --bg-dark-mode-aside: #2a2a2a; --bg-color-thumb: #555; } /* theme check */ /*@end file 76*/ /* css */ .site-header__ads { text-align: right; } /* theme check*/ .single-body p { margin: 0 0 2rem; } a { text-decoration: none; } /*[class *= 'wp-block-'],*/ .wp-block-image, .wp-block-cover, .wp-block-cover-image, .wp-block-embed, .wp-block-archives-dropdown, .wp-block-search, .wp-block-categories, .wp-block-group, .wp-block-media-text, .wp-block-separator, .wp-block-table, .wp-block-audio { margin-bottom: 2rem; } .wp-block-button, .wp-block-preformatted { margin-top: 2rem; margin-bottom: 2rem; } .wp-block-button.alignright, .wp-block-button.alignleft { margin-top: 0.8em; } .wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before { display: none; } /*Wp Image*/ .wp-caption { max-width: 100%; } .wp-block-image figcaption, .wp-caption .wp-caption-text, .wp-caption-dd { color: #585858; font-size: 1rem; line-height: 1.5; /*display: flex;*/ /*flex-direction: column;*/ text-align: center; } .wp-block-image img { display: block; } .wp-block-image:nth-last-child(2):before, .wp-block-image:nth-last-child(3):before, .wp-block-image:nth-last-child(2):after, .wp-block-image:nth-last-child(3):after { content: ''; display: table; } .wp-block-image:nth-last-child(2):after, .wp-block-image:nth-last-child(3):after { clear: both; } /*Wp Button*/ /*Wp Background*/ .wp-block-cover-image.has-background-dim:not([class*=-background-color]), .wp-block-cover.has-background-dim:not([class*=-background-color]) { color: #fff; } .wp-block-cover, .wp-block-cover-image { height: auto; color: #fff; } .wp-block-cover-image .wp-block-cover-image-text a, .wp-block-cover .wp-block-cover-text a, section.wp-block-cover-image>h2 { text-decoration: none; } .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, section.wp-block-cover-image>h2 { font-size: 2rem; line-height: 1.4; } /*Wp Column*/ .wp-block-column p:last-child { } .wp-block-columns { margin-bottom: 2rem; } .typography-copy ol, .typography-copy ul, .comment-content ol, .comment-content ul { margin-bottom: 1.6rem; padding-left: 1.8rem; } .post--single .single-body { font-size: 1.1428rem; line-height: 1.75; } .has-large-font-size { font-size: 2.5714rem; line-height: 1.25; } .has-medium-font-size { font-size: 1.4285rem; line-height: 1.4; } /*Wp Quote*/ .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { } .wp-block-quote a { text-decoration: none; font-size: 1.4285rem; line-height: 1.4; } .wp-block-pullquote.is-style-solid-color blockquote { max-width: 80%; } .wp-block-pullquote.is-style-solid-color blockquote p { color: rgba(0,0,0,0.5); } .has-drop-cap:not(:focus):first-letter { font-weight: inherit; font-size: 5em; line-height: .825; margin: .05em .1em 0 0; text-transform: uppercase; font-style: normal; } /*Wp Categories*/ .typography-copy ul.blocks-gallery-grid { margin: 0; padding: 0; } .typography-copy .wp-block-gallery { margin-bottom: 2rem; margin-top: 0; } .typography-copy ul li:not(:last-child).blocks-gallery-item { margin-top: 0; } .wp-block-embed figcaption { color: #999; text-align: center; font-weight: 400; font-size: 14px; line-height: 1.5; } .blocks-gallery-caption, .wp-block-video figcaption { width: 100%; color: #555; font-size: 13px; margin-top: 5px; /*margin-bottom: 15px;*/ text-align: center; } .blocks-gallery-caption { margin-top: 0; } /*Wp Widget*/ .wp-block-calendar table { margin-bottom: 0; } .wp-block-calendar table caption { margin-bottom: 10px; text-align: center; color: #222222; } .wp-block-calendar table th { text-align: center; } /* .wp-calendar-nav { margin-top: 15px; }*/ .single-body > ol li:not(:last-child), .single-body > ul li:not(:last-child), .single-body > ol li:not(:last-child), .single-body > ul li:not(:last-child), .single-body ol[class *= 'wp-block-'] li:not(:last-child), .single-body ul[class *= 'wp-block-'] li:not(:last-child), .single-body ol[class *= 'wp-block-'] li:not(:last-child), .single-body ul[class *= 'wp-block-'] li:not(:last-child), .wp-block-latest-posts__list li:not(:last-child) { margin-bottom: 15px; } .wp-block-search .wp-block-search__label { font-size: 1.2857rem; line-height: 1.5; margin-bottom: 10px; font-weight: 700; display: block; } .wp-block-search .wp-block-search__button { background: #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 15px; height: 53px; /*line-height: 53px;*/ color: #fff; border: 0; font-size: 1.2857rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .wp-block-search .wp-block-search__button { } /*Wp Layout Elements*/ .wp-block-group.has-background { padding: 50px 30px; } .wp-block-group p:last-child { margin-bottom: 0; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { position: relative; display: block; max-width: 100%; width: 100%; height: 10px; border: none; background-color: transparent; background-image: -webkit-radial-gradient(currentColor 1px, transparent 1px); background-image: -moz-radial-gradient(currentColor 1px, transparent 1px); background-image: -o-radial-gradient(currentColor 1px, transparent 1px); background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; -webkit-background-size: 5px 5px; -moz-background-size: 5px 5px; -o-background-size: 5px 5px; background-size: 5px 5px; background-repeat: repeat; opacity: .25; } .wp-block-separator:not(.is-style-dots) { position: relative; display: block; height: 10px; border: none; background-color: transparent; background-image: -webkit-radial-gradient(currentColor 1px, transparent 1px); background-image: -moz-radial-gradient(currentColor 1px, transparent 1px); background-image: -o-radial-gradient(currentColor 1px, transparent 1px); background-image: radial-gradient(currentColor 1px, transparent 1px); background-position: 1px 1px; -webkit-background-size: 5px 5px; -moz-background-size: 5px 5px; -o-background-size: 5px 5px; background-size: 5px 5px; background-repeat: repeat; opacity: 1; } .wp-block-separator.is-style-dots { background: none!important; border: none; text-align: center; max-width: none; line-height: 1; height: auto; } /*Wp Format*/ .wp-block-table table { border: 0.1rem solid rgba(0,0,0,0.1); } .wp-block-table td:first-child { padding: 0.8em; } .wp-block-table th, .wp-block-table td { border: 0.1rem solid rgba(0,0,0,0.1); } /*Classic*/ .post-password-form label > input { margin-top: 0; } .post-password-form input[type="submit"] { background-color: var(--color-primary); color: #ffffff; padding-left: 20px; padding-right: 20px; margin-left: 10px; } input[type="button"]:not(.btn), input[type="reset"]:not(.btn), input[type="submit"]:not(.btn) { margin-top: 15px; } .trackback .comment-body { margin-left: 0; } /*DarkMode*/ .atbs-dark-mode .is-style-outline>.wp-block-button__link:not(.has-text-color), .atbs-dark-mode .wp-block-button__link.is-style-outline:not(.has-text-color) { color: #fff; border-color: var(--color-border); } .atbs-dark-mode .typography-copy blockquote, .atbs-dark-mode .comment-content blockquote { color: var(--color-light-mode); } .atbs-dark-mode input[type="text"], .atbs-dark-mode input[type="email"], .atbs-dark-mode input[type="url"], .atbs-dark-mode input[type="password"], .atbs-dark-mode input[type="search"], .atbs-dark-mode input[type="tel"], .atbs-dark-mode input[type="number"], .atbs-dark-mode textarea, textarea.form-control, .atbs-dark-mode select, .atbs-dark-mode select.form-control, .atbs-dark-mode input[type="button"]:not(.btn), .atbs-dark-mode input[type="reset"]:not(.btn), .atbs-dark-mode input[type="submit"]:not(.btn) { background-color: var(--background-dark-mode-aside); color: #fff; } .atbs-dark-mode .wp-block-search .wp-block-search__input { border-color: transparent; outline: none; box-shadow: none; } .atbs-dark-mode .wp-block-group .wp-block-button__link { background-color: var(--background-dark-mode); } .atbs-dark-mode .wp-block-media-text.has-background, .atbs-dark-mode .wp-block-group.has-background { background-color: var(--background-dark-mode-aside) !important; } .atbs-dark-mode .typography-copy blockquote, .atbs-dark-mode .comment-content blockquote { border-color: var(--color-border); } .atbs-dark-mode table th, .atbs-dark-mode table td, .atbs-dark-mode tr, .atbs-dark-mode .wp-block-table.is-style-stripes, .atbs-dark-mode .wp-block-table th, .atbs-dark-mode .wp-block-table td, .atbs-dark-mode .wp-block-table table { border-color: var(--color-border); } .atbs-dark-mode .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--bg-dark-mode-aside); } /* theme css*/ .wp-block-rss__item-title a, .wp-block-archives.wp-block-archives-list li, .wp-block-archives.wp-block-archives-list li::marker, .wp-block-archives.wp-block-archives-list li a { color: #222222; } .atbs-dark-mode .wp-block-rss__item-title a, .atbs-dark-mode .wp-block-archives.wp-block-archives-list li, .atbs-dark-mode .wp-block-archives.wp-block-archives-list li::marker, .atbs-dark-mode .wp-block-archives.wp-block-archives-list li a { color: rgba(255,255,255,0.8); } .atbs-dark-mode .subscribe-modal .modal-content { background-color: var(--bg-dark-mode-aside); } .atbs-dark-mode .subscribe-modal input[type="email"] { border-color: rgba(255,255,255,0.1); color: var(--color-light-mode); } .atbs-dark-mode .subscribe-modal input[type="email"]::placeholder { color: rgba(255,255,255,0.6); } .subscribe-modal input[type="submit"] { padding: 8px 13px; } .atbs-dark-mode .subscribe-modal .modal-body, .atbs-dark-mode .subscribe-modal .modal-title.modal-title { color: var(--color-light-mode); } .atbs-dark-mode .wp-block-group .wp-block-button__link { background-color: var(--background-dark-mode); } .atbs-dark-mode .item-border > *:last-child { border-color: rgba(255,255,255,0.1); } .pingback .comment-body { margin-left: 0; } .posts-navigation .posts-navigation__next:first-child{ width: 100%; } /* theme check */ .typography-copy .gallery-caption { color: #999; font-size: 1rem; } .typography-copy .gallery-icon { background: transparent; } .atbs-dark-mode .typography-copy .gallery-caption { color: rgba(255,255,255,0.4); } .atbs-dark-mode .typography-copy .gallery-icon { background: transparent; } .wp-block-archives > li, .wp-block-archives > li::marker { color: var(--color-primary); } .atbs-dark-mode .wp-block-archives > li, .atbs-dark-mode .wp-block-archives > li::marker { color: rgba(255,255,255,0.8); } .author-social .sr-only { display: none; } /* wp-block-button */ .wp-block-button .wp-block-button__link { text-decoration: none; padding: 0.5em 1em; border-radius: 8px; } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0; } .format-gallery .gallery + *, .gallery + * { margin-top: 2rem; } /* end theme check*/ /* ---------------------------------------------------------------- Generals -----------------------------------------------------------------*/ .atbs-dark-mode { color-scheme: dark; background-color: var(--bg-dark-mode); color: var(--color-contrast-80); } .atbs-dark-mode a:focus { outline-color: #eee; } .atbs-dark-mode code { background-color: var(--bg-dark-mode-aside); color: var(--color-contrast-80); } .atbs-dark-mode pre { background-color: var(--color-contrast-10); color: var(--color-contrast-80); } .atbs-dark-mode pre code { background-color: transparent; } .atbs-dark-mode tr { border-bottom-color: var(--color-contrast-10); } .atbs-dark-mode table th, .atbs-dark-mode table td { border-color: var(--color-contrast-10); } .atbs-dark-mode hr { border-color: rgba(255, 255, 255, 0.05); } .atbs-dark-mode legend { color: var(--color-contrast-80); border-color: var(--color-border); } .atbs-dark-mode optgroup, .atbs-dark-mode optgroup::before { color: white; background-color: #2a2a2a; } .atbs-dark-mode select, .atbs-dark-mode option { background-color: var(--bg-dark-mode-aside); color: var(--color-text); } .atbs-dark-mode optgroup { background-color: var(--bg-dark-mode); color: var(--color-text); } .atbs-dark-mode input[type="date"], .atbs-dark-mode input[type="time"], .atbs-dark-mode input[type="datetime-local"], .atbs-dark-mode input[type="week"], .atbs-dark-mode input[type="month"], .atbs-dark-mode input[list], .atbs-dark-mode input[type="text"], .atbs-dark-mode input[type="email"], .atbs-dark-mode input[type="url"], .atbs-dark-mode input[type="password"], .atbs-dark-mode input[type="search"], .atbs-dark-mode input[type="tel"], .atbs-dark-mode input[type="number"], .atbs-dark-mode textarea, .atbs-dark-mode select { color: var(--color-contrast-80); background-color: var(--bg-dark-mode-aside); border-color: rgba(255, 255, 255, 0.1); } .atbs-dark-mode input[type="date"]:focus, .atbs-dark-mode input[type="time"]:focus, .atbs-dark-mode input[type="datetime-local"]:focus, .atbs-dark-mode input[type="week"]:focus, .atbs-dark-mode input[type="month"]:focus, .atbs-dark-mode input[list]:focus, .atbs-dark-mode input[type="text"]:focus, .atbs-dark-mode input[type="email"]:focus, .atbs-dark-mode input[type="url"]:focus, .atbs-dark-mode input[type="password"]:focus, .atbs-dark-mode input[type="search"]:focus, .atbs-dark-mode input[type="tel"]:focus, .atbs-dark-mode input[type="number"]:focus, .atbs-dark-mode textarea:focus, .atbs-dark-mode select:focus { border-color: var(--color-primary); } .atbs-dark-mode select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' fill='rgba(255, 255, 255, 0.6)' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.594 8.578l1.406 1.406-6 6-6-6 1.406-1.406 4.594 4.594z'/%3E%3C/svg%3E"); } .atbs-dark-mode select[multiple], .atbs-dark-mode select[size]:not([size="1"]) { background-image: none; } .atbs-dark-mode input[type="button"]:not(.btn), .atbs-dark-mode input[type="reset"]:not(.btn), .atbs-dark-mode input[type="submit"]:not(.btn) { color: var(--color-contrast-80); background: var(--bg-dark-mode-aside); border: var(--bg-dark-mode-aside); } .atbs-dark-mode input[type="button"]:not(.btn):hover, .atbs-dark-mode input[type="reset"]:not(.btn):hover, .atbs-dark-mode input[type="submit"]:not(.btn):hover { background: var(--bg-dark-mode-aside); border: var(--color-border); opacity: 0.8; } .atbs-dark-mode input[type="checkbox"]:focus::before { border-color: var(--color-contrast-100); -webkit-box-shadow: 0 0 4px var(--color-contrast-100); -moz-box-shadow: 0 0 4px var(--color-contrast-100); box-shadow: 0 0 4px var(--color-contrast-100); } .atbs-dark-mode ::-webkit-input-placeholder { /* Modern Browsers */ color: var(--color-contrast-40) !important; opacity: 1; /* Firefox */ } .atbs-dark-mode ::-moz-placeholder { /* Modern Browsers */ color: var(--color-contrast-40) !important; opacity: 1; /* Firefox */ } .atbs-dark-mode :-ms-input-placeholder { /* Modern Browsers */ color: var(--color-contrast-40) !important; opacity: 1; /* Firefox */ } .atbs-dark-mode ::-ms-input-placeholder { /* Modern Browsers */ color: var(--color-contrast-40) !important; opacity: 1; /* Firefox */ } .atbs-dark-mode ::placeholder { /* Modern Browsers */ color: var(--color-contrast-40) !important; opacity: 1; /* Firefox */ } .atbs-dark-mode ::-webkit-input-placeholder { /* Chrome / Opera / Safari */ color: var(--color-contrast-40) !important; } .atbs-dark-mode ::-moz-placeholder { /* Firefox 19+ */ color: var(--color-contrast-40) !important; } .atbs-dark-mode :-ms-input-placeholder { /* IE 10+ */ color: var(--color-contrast-40) !important; } .atbs-dark-mode :-moz-placeholder { /* Firefox 18- */ color: var(--color-contrast-40) !important; } .atbs-dark-mode ::-webkit-calendar-picker-indicator { -webkit-filter: invert(1); filter: invert(1); } .atbs-dark-mode input[list]::-webkit-calendar-picker-indicator { -webkit-filter: none; filter: none; color: #fff; } .atbs-dark-mode .btn, .atbs-dark-mode .btn:hover, .atbs-dark-mode .btn:focus, .atbs-dark-mode .btn:active, .atbs-dark-mode .btn:visited { border-color: var(--color-border); } .atbs-dark-mode input[type="submit"]:not(.btn), .atbs-dark-mode input[type="submit"]:not(.btn):hover, .atbs-dark-mode input[type="submit"]:not(.btn):focus { background-color: var(--bg-dark-mode-aside); } .atbs-dark-mode .btn-default, .atbs-dark-mode .btn-default:hover, .atbs-dark-mode .btn-default:focus, .atbs-dark-mode .btn-default:active { background: var(--bg-dark-mode-aside); } .atbs-dark-mode .btn-default:hover, .atbs-dark-mode .btn-default:focus, .atbs-dark-mode .btn-default:active { opacity: 0.8; } .atbs-dark-mode .btn-primary, .atbs-dark-mode .btn-primary:focus, .atbs-dark-mode .btn-primary:focus, .atbs-dark-mode .btn-primary:active, .atbs-dark-mode .btn-primary:active:hover, .atbs-dark-mode .btn-primary:active:focus { border-color: var(--color-primary); background-color: var(--color-primary); color: var(--color-white); } .atbs-dark-mode .btn-primary:hover { border-color: var(--color-primary); background-color: transparent; color: var(--color-primary); } .subscribe-modal .subscribe-form input[type="submit"] { width: auto; padding: 10px 25px; border-radius: 5px; margin-bottom: 0; } .subscribe-modal .modal-body { padding: 30px; } .subscribe-modal h3{ font-weight: 600; margin-bottom: 5px; } .atbs-dark-mode .btn-default[data-target="#subscribe-modal"]:active:focus, .atbs-dark-mode .btn-default[data-target="#subscribe-modal"]:active, .atbs-dark-mode .btn-default[data-target="#subscribe-modal"]:hover, .atbs-dark-mode .btn-default[data-target="#subscribe-modal"]:focus, .atbs-dark-mode .btn-default[data-target="#subscribe-modal"] { border: 0; background-color: var(--color-primary); color: #fff; } /* Change Autocomplete styles in Chrome*/ .atbs-dark-mode input:-webkit-autofill, .atbs-dark-mode input:-webkit-autofill:hover, .atbs-dark-mode input:-webkit-autofill:focus, .atbs-dark-mode textarea:-webkit-autofill, .atbs-dark-mode textarea:-webkit-autofill:hover, .atbs-dark-mode textarea:-webkit-autofill:focus, .atbs-dark-mode select:-webkit-autofill, .atbs-dark-mode select:-webkit-autofill:hover, .atbs-dark-mode select:-webkit-autofill:focus { caret-color: #fff; color: #fff; border-color: var(--color-contrast-40) !important; -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0px 1000px #222 inset; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } .atbs-dark-mode .screen-reader-text:focus { background: #555; color: #fff; border-color: var(--color-border); -webkit-box-shadow: 0 5px 20px rgba(255, 255, 255, .3), 0 6px 6px rgba(255, 255, 255, .5); -moz-box-shadow: 0 5px 20px rgba(255, 255, 255, .3), 0 6px 6px rgba(255, 255, 255, .5); box-shadow: 0 5px 20px rgba(255, 255, 255, .3), 0 6px 6px rgba(255, 255, 255, .5); } .atbs-dark-mode .btn-default.atbs-go-top { background: #555; color: var(--color-contrast-100); } .atbs-dark-mode img { -webkit-filter: brightness(0.9); filter: brightness(0.9); } .atbs-dark-mode .site-logo img { -webkit-filter: none; filter: none; } .atbs-dark-mode blockquote { border-left-color: #444; } .atbs-dark-mode figure figcaption { color: rgba(255, 255, 255, 0.6); } .atbs-dark-mode .bg-dark { background-color: var(--bg-dark-mode-aside); } .atbs-dark-mode [class*="list-seperated"] > *:not(:last-child) { border-color: var(--color-border) !important; } .atbs-dark-mode .social-list > li > a, .atbs-dark-mode .social-list--inline > li > a { color: var(--color-contrast-80); } .atbs-dark-mode .atbs-icon-close::before { background-color: #fff; } .atbs-dark-mode .post-type-icon.video-icon, .atbs-dark-mode .post-type-icon.review-icon:not(.review-icon--style-1) { --color-text: #222; background-color: #eee; } .atbs-dark-mode .post-type-icon.review-icon.review-icon--style-1 { background-color: transparent; } .atbs-dark-mode .button-readmore-no-text i { color: rgba(255, 255, 255, 0.3); border-color: rgba(240, 240, 240, 0.3); } .atbs-dark-mode .button-readmore-no-text:hover i, .atbs-dark-mode .button-readmore-no-text .button__readmore:focus i { color: #fff; border-color: var(--color-primary); } .atbs-dark-mode .atbs-atoms-search-full-style-2 { background-color: var(--bg-dark-mode-aside); } /* ---------------------------------------------------------------- Components -----------------------------------------------------------------*/ /*---- Headers ----*/ /*.atbs-dark-mode .site-header .background-img { display: none; background-image: none; }*/ .atbs-dark-mode .atbs-offcanvas { background-color: var(--bg-dark-mode-aside); } .atbs-dark-mode .navigation--offcanvas .sub-menu { background: rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1) inset; } .atbs-dark-mode .mobile-header, .atbs-dark-mode .site-header { background: var(--bg-dark-mode) !important; } .atbs-dark-mode .top-bar__nav .navigation .sub-menu, .atbs-dark-mode .atbs-mega-menu, .atbs-dark-mode .navigation--main > li > .sub-menu, .atbs-dark-mode .navigation--main li > .sub-menu .sub-menu { background-color: var(--bg-dark-mode-aside); } .atbs-dark-mode .sticky-header .navigation-bar, .atbs-dark-mode .site-header .navigation-custom-bg-color, .atbs-dark-mode .site-header .navigation-bar .navigation-custom-bg-color, .atbs-dark-mode .site-header .navigation-bar .navigation-custom-bg-color__inner, .atbs-dark-mode .top-bar--fullwidth, .atbs-dark-mode .navigation-bar { background-color: var(--bg-dark-mode-aside) !important; } .header-3 .atbs-dark-mode .site-header > .navigation-bar { background-color: var(--bg-dark-mode) !important; } .atbs-dark-mode .sticky-header.is-fixed > .navigation-bar { background: var(--bg-dark-mode-aside) !important; } .atbs-dark-mode .atbs-mega-menu__inner > .sub-menu > li > a::before { background-color: var(--color-contrast-50); } .atbs-dark-mode .header-time time, .atbs-dark-mode .top-bar__nav .navigation > li > a, .atbs-dark-mode .top-bar__nav .navigation .sub-menu a, .atbs-dark-mode .atbs-offcanvas-close .label-icon, .atbs-dark-mode .atbs-offcanvas .atbs-offcanvas__title .atbs-offcanvas-close--wrap, .atbs-dark-mode .atbs-offcanvas__section .bk-canvas-logout a, .atbs-dark-mode .atbs-offcanvas__section .lwa-avatar > .bk-username a, .atbs-dark-mode .site-header .navigation-bar-btn, .atbs-dark-mode .sticky-header .navigation-bar-btn i, .atbs-dark-mode .navigation--main > li > a, .atbs-dark-mode .navigation--main .sub-menu a, .atbs-dark-mode .navigation--offcanvas li>a, .atbs-dark-mode .header-social .social-list > li > a , .atbs-dark-mode .mobile-header-btn { color: var(--color-contrast-80); } .atbs-dark-mode .atbs-mega-menu__inner > .sub-menu > li > a, .atbs-dark-mode .navigation .sub-menu li:not(:last-child), .atbs-dark-mode .atbs-offcanvas__section .lwa-avatar .bk-canvas-logout, .atbs-dark-mode .atbs-offcanvas__section:not(:first-child) { border-color: var(--color-border); } .atbs-mega-menu .posts-list.atbs-megamenu-wrap > li:nth-child(5)::before { background-color: var(--color-border); } .atbs-dark-mode .atbs-mega-menu .sub-categories li .post__cat { color: var(--color-text) !important; border-color: var(--color-border); } .atbs-dark-mode .atbs-offcanvas .border-right { border-right-color: var(--color-border); } .atbs-dark-mode .sticky-header, .atbs-dark-mode .mobile-header { -webkit-box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.03), 0 1px 0 0 rgba(255, 255, 255, 0.04), 0 -1px 0 0 rgba(255, 255, 255, 0.04); -moz-box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.03), 0 1px 0 0 rgba(255, 255, 255, 0.04), 0 -1px 0 0 rgba(255, 255, 255, 0.04); box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.03), 0 1px 0 0 rgba(255, 255, 255, 0.04), 0 -1px 0 0 rgba(255, 255, 255, 0.04); } .atbs-dark-mode .navigation--main > li[class*="menu-item-cat"] > a:before, .atbs-dark-mode .navigation--main > li > a::before { background-color: rgba(255, 255, 255, 0.8) !important; } /** Logo **/ .text-center.atbs-logo img.atbs-img-logo { margin-left: auto; margin-right: auto; } #atbs-offcanvas-mobile .atbs-logo img.atbs-img-logo, .atbs-logo img.atbs-img-logo { display: none; } #atbs-offcanvas-mobile .atbs-logo img.atbs-img-logo.active, .atbs-logo img.atbs-img-logo.active { display: block; } #atbs-offcanvas-mobile .atbs-logo.logo-dark-mode-active img.atbs-img-logo, .atbs-logo.logo-dark-mode-active img.atbs-img-logo { display: block; } #atbs-offcanvas-mobile .atbs-logo.logo-dark-mode-active img.atbs-img-logo.active, .atbs-logo.logo-dark-mode-active img.atbs-img-logo.active { display: none; } #atbs-offcanvas-mobile .atbs-logo.logo-dark-mode-active.not-exist-img-logo img.atbs-img-logo.active, .atbs-logo.logo-dark-mode-active.not-exist-img-logo img.atbs-img-logo.active { display: block; } #atbs-offcanvas-mobile .atbs-logo.logo-dark-mode-active.not-exist-img-logo img.atbs-img-logo, .atbs-logo.logo-dark-mode-active.not-exist-img-logo img.atbs-img-logo { display: none; } @media (max-width: 767px) { .site-footer .atbs-logo img.atbs-img-logo { margin-left: auto; margin-right: auto; } } .atbs-dark-mode .navigation-bar--inverse .navigation--main > li > a::before { background: #fff; } /** Theme Switch **/ .atbs-dark-mode .atbs-offcanvas-close { border-color: var(--color-border); color: rgba(255, 255, 255, 0.8) !important; } /** Header Styles **/ .header-default .atbs-dark-mode .header-main, .header-1 .atbs-dark-mode .header-main, .header-2 .atbs-dark-mode .header-main, .header-3 .atbs-dark-mode .header-main, .header-4 .atbs-dark-mode .navigation-bar--fullwidth, .header-5 .atbs-dark-mode .navigation-bar--fullwidth { background: var(--bg-dark-mode-aside); } .header-3 .atbs-dark-mode .site-header .navigation-bar .navigation-bar__inner { background: var(--bg-dark-mode); } /** LWA **/ .atbs-dark-mode .bk-lwa-profile .bk-user-data a, .atbs-dark-mode .bk-lwa-profile .bk-user-data a:visited, .atbs-dark-mode .bk-lwa-profile .bk-user-data a:focus, .atbs-dark-mode .bk-lwa-profile .bk-user-data a:hover, .atbs-dark-mode .bk-lwa-profile .bk-user-data a:focus, .atbs-dark-mode .bk-lwa-profile.bk-profile-custom .bk-user-item a { color: var(--color-contrast-80); } .atbs-dark-mode .bk-lwa-profile.bk-profile-custom .bk-user-item:not(:last-child), .atbs-dark-mode .bk-lwa-profile .profile-author-wrap { border-color: var(--color-border); } /** Header Search **/ .atbs-dark-mode .atbs-search-panel .search-form__input { background-color: transparent; } /** Modals **/ .atbs-dark-mode .modal-content { background-color: var(--bg-dark-mode-aside); color: #fff; } .atbs-dark-mode .login-modal .modal-title .nav-tabs a, .atbs-dark-mode .login-modal .modal-title .nav-tabs li.active a, .atbs-dark-mode .login-modal .modal-title .nav-tabs a:hover, .atbs-dark-mode .login-modal .modal-title .nav-tabs a:focus { color: var(--color-contrast-80); } /*---- Footers ----*/ .atbs-dark-mode .site-footer .atbs-widget-subscribe .subscribe-form, .atbs-dark-mode .site-footer .mejs-container, .atbs-dark-mode .site-footer .mejs-container .mejs-controls, .atbs-dark-mode .site-footer .mejs-embed, .atbs-dark-mode .site-footer .mejs-embed body, .atbs-dark-mode .site-footer input[type="submit"]:not(.btn), .atbs-dark-mode .site-footer input[type="submit"]:not(.btn):hover, .atbs-dark-mode .site-footer input[type="submit"]:not(.btn):focus { background-color: var(--bg-dark-mode); } .atbs-dark-mode .site-footer, .atbs-dark-mode .footer-3.site-footer, .atbs-dark-mode .footer-5.site-footer, .atbs-dark-mode .footer-6.site-footer, .atbs-dark-mode .gradient-5, .atbs-dark-mode .site-footer.footer-6 .site-footer__section:first-child, .atbs-dark-mode .site-footer.footer-7 .site-footer__section:first-child, .atbs-dark-mode .site-footer.footer-8 .site-footer__section:first-child { background: var(--bg-dark-mode-aside) !important; } .atbs-dark-mode .site-footer__section--flex .site-footer__section-right a, .atbs-dark-mode .site-footer, .atbs-dark-mode .navigation--footer > li > a, .atbs-dark-mode .footer-author { color: var(--color-contrast-100); } .atbs-dark-mode .site-footer .site-logo a { color: var(--color-contrast-60); } .atbs-dark-mode .site-footer__section--bordered, .atbs-dark-mode .site-footer__section--bordered-inner .site-footer__section-inner { border-color: var(--color-border); } .atbs-dark-mode .site-footer__section--flex .site-footer__section-right a:hover, .atbs-dark-mode .site-footer__section--flex .site-footer__section-right a:focus { color: var(--color-links-hover); } /*.atbs-dark-mode .site-footer .social-list > li > a:hover, .atbs-dark-mode .site-footer .social-list > li > a:focus { color: var(--color-links-hover); }*/ /*---- Headings ----*/ .atbs-dark-mode .atbs-heading h4 { color: #e4e6e817; } .atbs-dark-mode .block-heading { --color-heading: var(--color-contrast-80) !important; } .atbs-dark-mode .block-heading__subtitle { color: var(--color-contrast-60); } .atbs-dark-mode .block-heading__title { color: var(--color-contrast-80); } .atbs-dark-mode .block-heading .page-heading__subtitle { color: var(--color-contrast-60) !important; } /** Heading Styles **/ .atbs-dark-mode .atbs-block .page-heading::after, .atbs-dark-mode .module-heading::after { background: currentColor; } .atbs-dark-mode .block-heading.heading-style-1::before { background-color: rgba(255, 255, 255, 0.2); } .atbs-dark-mode .atbs-block .page-heading::after, .atbs-dark-mode .module-heading::after { background: var(--color-contrast-80); } .atbs-dark-mode .block-heading.heading-style-1::after { border-color: rgba(255, 255, 255, 0.8) !important; } .atbs-dark-mode .block-heading--line.block-heading::after, .atbs-dark-mode .block-heading--line-under.block-heading { border-color: var(--bg-dark-mode-aside) !important; } .atbs-dark-mode .widget__title.block-heading.heading-style-5::after, .atbs-dark-mode .widget__title.block-heading.heading-style-5::before { background: var(--bg-dark-mode-aside) !important; } /*---- Modules ----*/ .atbs-dark-mode .set-module-background { background-color: var(--bg-dark-mode-aside); } .atbs-dark-mode .atbs-post--grid-d.atbs-block--has-bg .post-sub::before, .atbs-dark-mode .atbs-post--grid-a.atbs-block--has-bg .atbs-block__inner::before, .atbs-dark-mode .atbs-post--grid-a.atbs-block--has-bg.atbs-block--has-heading .container:nth-child(1)::before, .atbs-dark-mode .atbs-post--grid-o.atbs-block--has-bg .atbs-block__inner::after { background-color: var(--bg-dark-mode-aside); } .atbs-dark-mode .atbs-post--grid-o .posts-list .list-item:nth-child(2) { background-color: #333; } .atbs-dark-mode .atbs-post--grid-o:not(.atbs-block--has-bg) .posts-list .list-item:nth-child(2) { border: none; } .atbs-dark-mode .atbs-post--grid-o:not(.atbs-block--has-bg) .posts-list .list-item:nth-child(3) { background-color: var(--bg-dark-mode-aside); } .atbs-dark-mode .atbs-post--grid-o .posts-list .list-item:nth-child(3):not([style="background-color: var(--color-primary)"]) .post__title:hover a { color: var(--color-primary); } .atbs-dark-mode .inverse-text .post__title a { color: rgba(255,255,255,0.8); } .atbs-dark-mode .atbs-post--grid-b .atbs-carousel .owl-next, .atbs-dark-mode .atbs-post--grid-b .atbs-carousel .owl-prev { color: var(--color-contrast-30); } .atbs-post--grid-b .atbs-carousel .owl-next:hover, .atbs-post--grid-b .atbs-carousel .owl-prev:hover { color: var(--color-primary); } .atbs-post--grid-b .atbs-carousel .owl-next:focus-visible, .atbs-post--grid-b .atbs-carousel .owl-prev:focus-visible { color: var(--color-primary); } .atbs-post--grid-b .atbs-carousel .owl-next:-moz-focusring, .atbs-post--grid-b .atbs-carousel .owl-prev:-moz-focusring { color: var(--color-primary); } .atbs-dark-mode .atbs-post--grid-g .post-sub .posts-navigation__label { opacity: 1; } @media(max-width: 991px) { .atbs-dark-mode .atbs-feature-c .section-sub { background-color: var(--bg-dark-mode-aside); } } /** Post **/ /* Default dark-mode text: white ; inverse --> black text * If data-dark-mode="false" then text will be black ; inverse --> white text **/ .atbs-dark-mode article[data-dark-mode="false"], .atbs-dark-mode article[data-dark-mode="true"] .inverse-text { --color-text: #222222; --color-cat: #a1855a; --color-excerpt: var(--color-text-gray); --color-meta: rgba(0, 0, 0, .48); --color-border: rgba(19, 19, 19, .1); --color-links: var(--color-primary); --color-links-hover: var(--color-primary); } .atbs-dark-mode article[data-dark-mode="true"] .post__cat.cat-theme { color: var(--color-text) !important; } .atbs-dark-mode .atbs-post--grid-h.atbs-block--has-bg, .atbs-dark-mode .atbs-post--grid-g.atbs-block--has-bg .post-main::before { background-color: var(--bg-dark-mode-aside); } .atbs-dark-mode .atbs-post--grid-h .post--horizontal-not-middle .post__readmore .button__readmore { color: var(--color-text); } .atbs-dark-mode .post--horizontal-flow-parent .post__text, .atbs-dark-mode .atbs-feature-b .section-sub .post-sub { background-color: var(--bg-dark-mode-aside); } .atbs-dark-mode .post--vertical-text-wrap .post__excerpt { color: var(--color-excerpt); } .atbs-dark-mode .atbs-carousel-grid .owl-carousel svg line, .atbs-dark-mode .atbs-carousel-grid .owl-carousel svg path{ fill: #fff; stroke: #fff; } .atbs-post--grid-b .post-sub::before { background-color: var(--color-border); } /** Carousel **/ .atbs-dark-mode .owl-dot span { background: rgba(255, 255, 255, 0.2); } .atbs-dark-mode .nav-circle .owl-prev:not(:hover):not(:focus):not(:active), .atbs-dark-mode .nav-circle .owl-next:not(:hover):not(:focus):not(:active), .atbs-dark-mode .atbs-feature-slider-c .owl-carousel .owl-prev:not(:hover):not(:focus):not(:active), .atbs-dark-mode .atbs-feature-slider-c .owl-carousel .owl-next:not(:hover):not(:focus):not(:active) { background-color: #eee; } /** Pagination **/ .atbs-dark-mode .atbs-btn-load-post { color: var(--color-contrast-80); } .atbs-dark-mode .atbs-btn-load-post:focus { -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1); } .atbs-dark-mode .atbs-pagination a.read-more-link { color: var(--color-contrast-80); } .atbs-dark-mode .atbs-pagination--next-n-prev .atbs-pagination__label { color: var(--color-contrast-80); } @media (max-width: 991px) { .atbs-dark-mode .atbs-post--grid-h .post-no-thumb-not-readmore { background-color: var(--bg-dark-mode); } .atbs-dark-mode .atbs-post--grid-h .post-no-thumb-not-readmore:hover { background-color: var(--color-primary); } } .atbs-dark-mode .post-no-thumb-not-readmore .post-author .post-author__text { color: rgba(255,255,255,0.4); } /*---- Widgets ----*/ .atbs-widget-indexed-posts-2 .posts-list > li .post__title::after, .atbs-dark-mode .widget_search .search-form__submit, .atbs-dark-mode .widget_recent_comments .recentcomments, .atbs-dark-mode .widget_recent_comments .recentcomments > a, .atbs-dark-mode .atbs-widget-subscribe h4, .atbs-dark-mode .mc4wp-form-fields, .atbs-dark-mode .widget_loginwithajaxwidget, .atbs-dark-mode .widget_rss .rssSummary, .atbs-dark-mode .widget_rss .rss-date, .atbs-dark-mode .widget_rss a.rsswidget, .atbs-dark-mode .lwa-info a, .atbs-dark-mode .apsl-widget, .atbs-dark-mode .widget_nav_menu li > a, .atbs-dark-mode .widget_text, .atbs-dark-mode .widget_rss, .atbs-dark-mode .widget_archive li, .atbs-dark-mode .widget_archive li > a, .atbs-dark-mode .widget_categories li, .atbs-dark-mode .widget_categories li > a, .atbs-dark-mode .widget_pages li, .atbs-dark-mode .widget_pages li > a, .atbs-dark-mode .widget_recent_entries li, .atbs-dark-mode .widget_recent_entries li > a, .atbs-dark-mode .widget_calendar table, .atbs-dark-mode .widget_calendar td a, .atbs-dark-mode .widget_meta li, .atbs-dark-mode .widget_meta li > a { color: var(--color-text); } .atbs-dark-mode .widget_recent_comments .recentcomments > a:hover, .atbs-dark-mode .widget_rss a.rsswidget:hover, .atbs-dark-mode .lwa-info a:hover, .atbs-dark-mode .widget_nav_menu li > a:hover, .atbs-dark-mode .widget_archive li > a:hover, .atbs-dark-mode .widget_categories li > a:hover, .atbs-dark-mode .widget_pages li > a:hover, .atbs-dark-mode .widget_recent_entries li > a:hover, .atbs-dark-mode .widget_calendar td a:hover, .atbs-dark-mode .widget_meta li > a:hover, .atbs-dark-mode .widget_recent_comments .recentcomments > a:focus, .atbs-dark-mode .widget_rss a.rsswidget:focus, .atbs-dark-mode .lwa-info a:focus, .atbs-dark-mode .widget_nav_menu li > a:focus, .atbs-dark-mode .widget_archive li > a:focus, .atbs-dark-mode .widget_categories li > a:focus, .atbs-dark-mode .widget_pages li > a:focus, .atbs-dark-mode .widget_recent_entries li > a:focus, .atbs-dark-mode .widget_calendar td a:focus, .atbs-dark-mode .widget_meta li > a:focus { color: var(--color-links-hover); } .atbs-dark-mode .widget .widget__title .widget__title-text { color: var(--color-contrast-80); } .atbs-dark-mode .widget_loginwithajaxwidget .lwa-links-remember, .atbs-dark-mode .apsl-widget .user-login a { color: var(--color-contrast-60); } .atbs-dark-mode .widget_calendar thead { background-color: var(--bg-dark-mode); } .atbs-dark-mode .mejs-container, .atbs-dark-mode .mejs-container .mejs-controls, .atbs-dark-mode .mejs-embed, .atbs-dark-mode .mejs-embed body { background-color: var(--bg-dark-mode-aside); } .atbs-dark-mode #calendar_wrap { background: transparent; } .atbs-dark-mode .widget_loginwithajaxwidget tr { border-bottom: none; } .atbs-dark-mode .widget_calendar table, .atbs-dark-mode #calendar_wrap { border-color: var(--color-border); } .atbs-dark-mode .widget_rss li, .atbs-dark-mode .widget_recent_comments .recentcomments > a { border-color: var(--color-contrast-5); } .atbs-dark-mode .bk-account-info { background-color: var(--bg-dark-mode); border-color: var(--color-contrast-20); } .atbs-dark-mode .tagcloud a { color: var(--color-contrast-80); background: var(--bg-dark-mode-aside); border-color: var(--color-contrast-20); } .atbs-dark-mode .tagcloud a:hover, .atbs-dark-mode .tagcloud a:focus { background: var(--color-primary); border-color: var(--color-primary); color: #fff; outline: none; } /**/ /*---- Singles ----*/ .atbs-dark-mode .single-entry--billboard-overlap-title .has-post-thumbnail { background-color: var(--bg-dark-mode); } .atbs-dark-mode .single-entry--billboard-overlap-title .single-header--has-background, .atbs-dark-mode .single-entry--billboard-overlap-title .single-header, .atbs-dark-mode .single-entry--template-4-alt .single-header-with-bg, .atbs-dark-mode .single-entry--template-4 .single-header-with-bg { background: var(--bg-dark-mode-aside) !important; } .atbs-dark-mode .single-entry--template-4-alt .single-header-with-bg { background-color: #3f3e3e; } .single-post .atbs-dark-mode .comment-form .form-submit input[type="submit"] { color: var(--color-contrast-80); background-color: var(--color-primary); } .single-post .atbs-dark-mode .comment-form .form-submit input[type="submit"]:hover, .single-post .atbs-dark-mode .comment-form .form-submit input[type="submit"]:focus { color: var(--color-contrast-100); } .atbs-dark-mode .single-entry .single-header:not(.inverse-text) .entry-cat:hover, .atbs-dark-mode .single-entry .single-header:not(.inverse-text) .entry-cat:focus { color: #fff !important; } .atbs-dark-mode .typography-copy h5, .atbs-dark-mode .typography-copy .h5, .atbs-dark-mode .comment-content h5, .atbs-dark-mode .comment-content .h5 { color: var(--color-contrast-80); } .atbs-dark-mode .entry-cat, .atbs-dark-mode a.entry-cat, .atbs-dark-mode .entry-title, .atbs-dark-mode .single-body, .atbs-dark-mode .single-content, .atbs-dark-mode .typography-copy, .atbs-dark-mode .comment-content, .atbs-dark-mode .comment-respond { color: var(--color-contrast-80) !important; } .atbs-dark-mode .scroll-count-percent .percent-number, .atbs-dark-mode .entry-teaser, .atbs-dark-mode .author__text { color: var(--color-contrast-60); } .typography-copy blockquote, .comment-content blockquote { color: rgba(0,0,0,0.5); } .atbs-dark-mode .typography-copy blockquote::before, .atbs-dark-mode .comment-content blockquote::before { color: #888; } .single-post .atbs-dark-mode .entry-tags ul li a { border-color: rgba(255, 255, 255, 0.2); color: #fff; } .single-post .atbs-dark-mode .entry-tags ul li a:hover, .single-post .atbs-dark-mode .entry-tags ul li a:focus { border-color: #17282d; } .atbs-dark-mode .social-share ul li a svg { border-color: var(--color-border); } /** Gallery **/ .atbs-dark-mode .atbs-gallery-slider .fotorama__thumb-border, .atbs-dark-mode .fotorama__dot { border-color: var(--color-contrast-80); } .atbs-dark-mode .post-gallery-slider.gallery-4 .gallery-thumb { border-color: transparent; } .atbs-dark-mode .post-gallery-slider.gallery-4 .owl-next, .atbs-dark-mode .post-gallery-slider.gallery-4 .owl-prev { background: #444; } /** ATBS Review **/ .atbs-dark-mode .atbs-review__inner { color: var(--color-contrast-80); border: 1px solid rgba(255, 255, 255, 0.05); background: var(--bg-dark-mode-aside); } .atbs-dark-mode .atbs-review__pros-and-cons .atbs-review__list-title, .atbs-dark-mode .atbs-review__product-byline { color: var(--color-contrast-80); } .atbs-dark-mode .atbs-review__overall-score .post-score-hexagon { background-color: var(--bg-dark-mode); } .atbs-dark-mode .scroll-count-percent .progress__meter { stroke: var(--color-border); fill: var(--bg-dark-mode-aside); } /** Single Footer **/ .atbs-dark-mode .entry-tags ul > li > a, .atbs-dark-mode .single-footer .comments-count, .atbs-dark-mode .single-footer .view-count { color: var(--color-contrast-100); } .atbs-dark-mode .post--single .entry-footer { color: var(--color-contrast-80); } .atbs-dark-mode .post--single .entry-footer { border-color: var(--color-border); } /** ATBS Reaction **/ .atbs-dark-mode .atbs-reaction-name, .atbs-dark-mode .atbs-reactions-title { color: var(--color-contrast-80); } /** Post Navigation **/ .atbs-dark-mode .posts-navigation { border-color: var(--color-border); } .single-post .atbs-dark-mode .posts-navigation .posts-nav__label a, .atbs-dark-mode .posts-navigation .navigation-button { color: var(--color-contrast-80); } .single-post .atbs-dark-mode .posts-navigation .posts-nav__label a:hover, .single-post .atbs-dark-mode .posts-navigation .posts-nav__label a:focus, .atbs-dark-mode .posts-navigation .post__title, .atbs-dark-mode .posts-navigation .posts-navigation__label span { color: var(--color-contrast-100); } .atbs-dark-mode .single-entry-wrap .posts-navigation::before { background-color: var(--color-border); } /** Author Box **/ .single .atbs-dark-mode .author-box { border-color: var(--color-border); } .atbs-dark-mode .author-box .author-avatar { -webkit-box-shadow: 0 14px 28px rgba(255, 255, 255, 0.05), 0 10px 10px rgba(255, 255, 255, 0.05); -moz-box-shadow: 0 14px 28px rgba(255, 255, 255, 0.05), 0 10px 10px rgba(255, 255, 255, 0.05); box-shadow: 0 14px 28px rgba(255, 255, 255, 0.05), 0 10px 10px rgba(255, 255, 255, 0.05); } .atbs-dark-mode .author-box .author-avatar { background: var(--color-contrast-60); border-color: var(--color-contrast-60); } .atbs-dark-mode .author-box .author-name a:hover, .atbs-dark-mode .author-box .author-name a:focus { color: var(--color-contrast-100); } .atbs-dark-mode .author-box .author-name a { color: var(--color-contrast-80); } .atbs-dark-mode .atbs-about .about_information p { color: var(--color-contrast-40); } .atbs-dark-mode .author-box .author-bio, .atbs-dark-mode .author-box .author-info a, .atbs-dark-mode .author-box .author-bio a { color: var(--color-contrast-60) !important; } .atbs-dark-mode .author-box .author-social a { color: var(--color-meta); } /** Comments **/ .atbs-dark-mode .comment-metadata .comment-edit-link::before, .atbs-dark-mode .comment-metadata::before, .atbs-dark-mode .comment-reply-link::before, .atbs-dark-mode .comment-reply-link, .atbs-dark-mode .comment-metadata a, .single .atbs-dark-mode .comments-title, .atbs-dark-mode .page .comments-title, .atbs-dark-mode .comment-list { color: var(--color-contrast-80); } .atbs-dark-mode .comments-section, .atbs-dark-mode .comment-list ol.children > li, .atbs-dark-mode .comment-list > li:not(:first-child) { border-color: var(--color-border); } /*---- Pages ----*/ .atbs-dark-mode .page-heading--has-background { background-color: var(--bg-dark-mode); -webkit-box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.03), 0 1px 0 0 rgba(255, 255, 255, 0.04), 0 -1px 0 0 rgba(255, 255, 255, 0.04); -moz-box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.03), 0 1px 0 0 rgba(255, 255, 255, 0.04), 0 -1px 0 0 rgba(255, 255, 255, 0.04); box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.03), 0 1px 0 0 rgba(255, 255, 255, 0.04), 0 -1px 0 0 rgba(255, 255, 255, 0.04); } /** Page 404 **/ .atbs-dark-mode .atbs-404-block h1, .atbs-dark-mode .page-404__backhome { color: var(--color-contrast-80); } .atbs-dark-mode .atbs-404-block p { color: var(--color-contrast-60); } .atbs-dark-mode .page-404__backhome:hover, .atbs-dark-mode .page-404__backhome:focus { color: var(--color-contrast-100); } /** Page Author **/ .atbs-dark-mode .page_Author .author-box { background-color: var(--bg-dark-mode-aside); color: #fff; } /*---- Theme Color ----*/ /*---- WP Core ----*/ .atbs-dark-mode .wp-caption .wp-caption-text, .atbs-dark-mode .wp-caption-dd { color: var(--color-meta); border-color: var(--color-border); } /*listing grid 5 fw*/ .atbs-dark-mode article[data-dark-mode="true"].post--overlay-style-card .time-wrap { border-color: rgba(255, 255, 255, 0.2) !important; } .atbs-dark-mode .atbs-post--listing-grid-5 .posts-list:hover .list-item:first-child .post--overlay-style-card .post__cat, .atbs-dark-mode article[data-dark-mode="true"].post--overlay-style-card .post__title { color: rgba(255,255,255,0.8) !important; } .atbs-dark-mode .atbs-post--listing-grid-5 .posts-list:hover .list-item:first-child .post--overlay-style-card .time-wrap time, .atbs-dark-mode article[data-dark-mode="true"].post--overlay-style-card .post__meta time { color: rgba(255,255,255,0.8) !important; } .atbs-dark-mode .atbs-post--listing-grid-5 .posts-list:hover .list-item:first-child .post--overlay-style-card .readmore__text, .atbs-dark-mode article[data-dark-mode="true"].post--overlay-style-card .post__readmore .button__readmore { color: rgba(255,255,255,0.8) !important; } .atbs-dark-mode .atbs-post--listing-grid-5 .posts-list .list-item:nth-child(3n+1):not(:first-child)::before { background-color: rgba(255,255,255,0.123) !important; } .atbs-dark-mode .atbs-post--listing-grid-5 .posts-list .list-item:not(:nth-child(3n)), .atbs-dark-mode .atbs-post--listing-grid-5 .posts-list { border-color: rgba(255,255,255,0.123) !important; } .header-3.atbs-dark-mode .site-header .navigation-bar .navigation-bar__inner { background-color: var(--bg-dark-mode-aside); } @media (max-width: 991px) and (min-width: 769px) { .atbs-dark-mode .atbs-post--listing-grid-5 .posts-list .list-item:nth-child(2n+1):not(:first-child)::before { background-color: rgba(255,255,255,0.123); } } @media (max-width: 991px) { .atbs-dark-mode .atbs-post--listing-grid-5 .posts-list .list-item:not(:nth-child(2n)) { border-right: 1px solid rgba(255,255,255,0.123); } } @media (max-width: 768px) { .atbs-dark-mode .atbs-post--listing-grid-5 .posts-list .list-item:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,0.123); } } @media (min-width: 992px) { .atbs-dark-mode .atbs-post--listing-grid-5-has-sidebar .posts-list .list-item:not(:nth-child(3n)) { border-color: rgba(255,255,255,0.123); } .atbs-dark-mode .atbs-post--listing-grid-5-has-sidebar .posts-list .list-item:not(:nth-child(2n)) { border-color: rgba(255,255,255,0.123); } .atbs-dark-mode .atbs-post--listing-grid-5-has-sidebar .posts-list .list-item:nth-child(2n+1):not(:first-child)::before { background-color: rgba(255,255,255,0.123); } } .atbs-dark-mode .entry-author-has-avatar .hint-span, .atbs-dark-mode .entry-author-has-avatar .post-author__name, .atbs-dark-mode .atbs-post--grid-c .post-no-thumb-not-readmore .post-author .post-author__name, .atbs-dark-mode .atbs-post--grid-c .post-no-thumb-not-readmore .post__comment a, .atbs-dark-mode .atbs-post--grid-c .entry-author-has-avatar .hint-span { color:rgba(255,255,255,0.6); } .atbs-custom-user > * { display: inline-block; } .atbs-custom-user > *:not(:last-child) { margin-right: 8px; } .bk-username a, .atbs-custom-user .bk-username a { text-decoration: none; } .atbs-custom-user .bk-username a { line-height: 1.5; font-weight: 600; color: rgba(0, 0, 0, 0.6); text-transform: capitalize; } .atbs-custom-user.bk-avatar>a>img { height: 40px; width: 40px; } .atbs-dark-mode .atbs-custom-user .bk-username a { color: rgba(255, 255, 255, 0.8); } .atbs-dark-mode .atbs-feature-b .post--horizontal-flow-parent .post__readmore a { background-color: var(--bg-dark-mode-aside); } .atbs-dark-mode .modal-header { border-bottom: 1px solid rgba(255,255,255,0.1); } .atbs-dark-mode .close, .atbs-dark-mode .close:focus, .atbs-dark-mode .close:hover { color: var(--color-contrast-80); } .atbs-dark-mode .modal-dialog .bk-lwa-form label { color: var(--color-contrast-80); } .modal-dialog .bk-lwa-form .lwa-links-remember { text-decoration: none; } /*@end file 75*/ /* ----------------------------------------------------------------- ## Custom CSS ----------------------------------------------------------------- */ /*listing list 3*/ .post__title.atbsStickyMark a { position: relative; } .post__title.atbsStickyMark a::after { content: "\e9a9"; font-family: mdicon; margin-left: 10px; font-size: 18px; color: var(--color-primary); position: absolute; } .link-excerpt, .link-excerpt .excerpt{ text-decoration: none; margin-top: 0; margin-bottom: 0; font-size: 15px; color: var(--color-excerpt); line-height: 1.6; } .atbs-dark-mode .link-excerpt, .atbs-dark-mode .link-excerpt .excerpt{ color: rgba(255,255,255,0.6); } .link-excerpt:hover, .link-excerpt:hover .excerpt, .link-excerpt:focus, .link-excerpt:focus .excerpt { text-decoration: none; } .list-large-post--vertical-large .post__thumb { height: 490px; } @media(max-width: 1199px) { .list-large-post--vertical-large .post__thumb { height: 450px; } } @media (min-width: 992px) { .list-large-post--vertical-large-has-sidebar .post__thumb { height: 340px; } } @media (min-width: 1200px) { .container--narrow .list-large-post--vertical-large-has-sidebar .post__thumb { height: 450px; } .list-large-post--vertical-large-has-sidebar .post__thumb { height: 370px; } } @media (max-width: 1199px) { .atbs-main-col .list-large-post--vertical-large-has-sidebar .post__title { font-size: 22px; line-height: 1.4; } } @media(max-width: 991px) { .list-large-post--vertical-large .post__thumb { height: 370px; } } @media(max-width: 767px) { .list-large-post--vertical-large .post__thumb { height: 320px; } .atbs-main-col .list-large-post--vertical-large-has-sidebar .post__title { font-size: 20px; line-height: 1.4; } } @media(max-width: 575px) { .list-large-post--vertical-large .post__thumb { height: 270px; } } @media(max-width: 480px) { .list-large-post--vertical-large .post__thumb { height: 240px; } } @media(max-width: 380px) { .list-large-post--vertical-large .post__thumb { height: 220px; } } /* footer 2*/ .flexbox-justify-space-between-center { display: flex; justify-content: space-between; align-items: center; margin: -15px; } .flexbox-justify-space-between-center > * { padding: 15px; } .list-right { text-align: right; } .item-border-bottom > *:not(:last-child){ padding-bottom: 30px; position: relative; } .item-border-bottom > *:not(:last-child):before { content:""; width: calc(100% - 30px); height: 1px; position: absolute; background-color: rgba(0,0,0,0.13); left: 15px; bottom: 0; } .atbs-dark-mode .item-border-bottom > *:not(:last-child):before , .inverse-text .item-border-bottom > *:not(:last-child):before { background-color: rgba(255,255,255,0.13) } @media (max-width: 767px) { .flexbox-justify-space-between-center { flex-wrap: wrap; justify-content: center; flex-direction: column; } .flexbox-justify-space-between-center { margin: 0; } .flexbox-justify-space-between-center > * { padding: 0; } .flexbox-justify-space-between-center .list-right { text-align: center; } .site-footer.footer-2 .social-list { margin-bottom: 0; } .footer-2 .footer-menu , .footer-2 .site-logo { margin-bottom: 30px; } .footer-2 .footer-menu { text-align: center; } } /*update css*/ .site-header { box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.13); } .atbs-dark-mode .site-header { box-shadow: 0px 1px 1px 0px rgb(255 255 255 / 13%); } .header-3 .site-header { box-shadow: none; } .header-3.atbs-dark-mode .site-header, .header-3 .atbs-dark-mode .site-header { box-shadow: none; } .single-3 .single-header, .single-2 .single-header { margin-top: 0; } .atbs-dark-mode .atbs-gallery-slider .fotorama__dot { background: rgba(255, 255, 255, 0.2); } .atbs-dark-mode .atbs-gallery-slider .fotorama__nav__frame.fotorama__active .fotorama__dot { background: rgba(255, 255, 255, 0.4); } .post-no-thumb-not-readmore .post__title { line-height: 1.5; } @media (min-width: 768px) { .post-no-thumb-not-readmore .post__title { min-height: 4.5em; } } .atbs-dark-mode .widget_nav_menu, .atbs-dark-mode .widget_nav_menu ul:not(.sub-menu) > li { border-color: var(--color-border); } .atbs-dark-mode .widget_nav_menu li .sub-menu a:before { background-color: var(--color-border); } .wp-block-cover:first-child { margin-top: 0; } .has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment { line-height: 1.75; } .wp-block-tag-cloud .tag-cloud-link { color: rgba(0,0,0,0.8); text-decoration: none; } .wp-block-tag-cloud .tag-cloud-link:hover { color: var(--color-primary); } .wp-block-code code, pre.wp-block-preformatted { color: rgba(0,0,0,0.85); line-height: 1.6; } a:hover { text-decoration: none; } .wp-block-table tbody tr:nth-child(2n) { background-color: rgba(0, 0, 0, .025); } .wp-block-cover-text { font-size: 2.5714rem !important; line-height: 1.25 !important; } /* font family default*/ .atbs-post--grid-g .post-sub .posts-navigation__label, .page-heading__title, .widget__title-text, .comment-reply-title, .comments-title, .comment-reply-title, .category-tile__name, .block-heading .view-all-btn, .block-heading__title, .post-categories__title, .post__title, .entry-title, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .text-font-primary, .social-tile__title, .widget_recent_comments .recentcomments > a, .widget_recent_entries li > a, .modal-title.modal-title, .author-box .author-name a, .comment-author, .widget_calendar caption, .widget_categories li>a, .widget_meta ul, .widget_recent_comments .recentcomments>a, .widget_recent_entries li>a, .widget_pages li>a, .widget_categories li, .widget_loginwithajaxwidget .lwa-info, .widget_calendar caption, .wp-calendar-nav, .rsswidget,.header__language-switcher .lang_list_class li, .header__language-switcher--label-current { font-family: Poppins } .site-footer .site-footer__section-right .hs_cos_wrapper, .blog-post__author-name .post-author__name, .typography-copy .single-body--content p, .blog-list-header__subtitle, .single-footer .author-bio, form input[type="submit"], form .hs-button, input[type="submit"]:not(.btn), .atoms-heading-left a, .post-score-value,.post__excerpt,.text-font-secondary, .block-heading__subtitle, .typography-copy blockquote, .comment-content blockquote, .widget_calendar thead {font-family: Poppins } .typography-copy blockquote, .comment-content blockquote , .text-font-primary , .text-font-secondary , .text-font-tertiary , .meta-text, a.meta-text , .meta-font, a.meta-font , .atbs-mega-menu__inner > .sub-menu > li > a , .mobile-header-btn , .block-heading__title , .block-heading__subtitle , .search-results__section-heading , .search-results__section-heading-more, input[type="button"]:not(.btn), input[type="reset"]:not(.btn), input[type="submit"]:not(.btn) , input[type="button"]:not(.btn):hover, input[type="reset"]:not(.btn):hover, input[type="submit"]:not(.btn):hover, .btn , .modal-title.modal-title, .atbs-pagination, .post-score, .post-score-hexagon .post-score-value, .post__cat, a.post__cat, .entry-cat, a.entry-cat, .read-more-link, .post__meta, .entry-meta, .entry-author__name, a.entry-author__name, .comments-count-box, .countdown__digit, .widget__title-text, .atbs-widget-indexed-posts-1 .posts-list > li .post__thumb::after, .atbs-widget-indexed-posts-2 .posts-list > li .post__title::after, .atbs-widget-indexed-posts-3 .list-index, .social-tile__title, .social-tile__count, .widget_calendar caption, .widget_categories li > a, .time,.mobile-header-btn, .meta-text, a.meta-text, .meta-font, a.meta-font, .text-font-tertiary, .author__text, .atbs-pagination, .block-heading-tabs, .block-heading-tabs > li > a, input[type="button"]:not(.btn), input[type="reset"]:not(.btn), input[type="submit"]:not(.btn), .btn, label, .page-nav, .post-score, .post-score-hexagon .post-score-value, .post__cat, a.post__cat, .entry-cat, a.entry-cat, .read-more-link, .post__meta, .entry-meta, .entry-author__name, a.entry-author__name, .comments-count-box, .atbs-widget-indexed-posts-a .posts-list > li .post__thumb:after, .atbs-widget-indexed-posts-b .posts-list > li .post__title:after, .atbs-widget-indexed-posts-c .list-index, .social-tile__count, .widget_recent_comments .comment-author-link, .atbs-video-box__playlist .is-playing .post__thumb:after, .atbs-posts-listing-a .cat-title, .atbs-news-ticker__heading, .post-sharing__title, .post-sharing--simple .sharing-btn, .entry-action-btn, .entry-tags-title, .entry-tags, .tagcloud, .comments-title__text, .comments-title .add-comment, .comment-metadata, .comment-metadata a, .comment-reply-link, .countdown__digit, .modal-title, .comment-meta, .comment .reply, .wp-caption, .gallery-caption, .widget-title, .btn, .logged-in-as, .countdown__digit, .atbs-widget-indexed-posts-a .posts-list>li .post__thumb:after, .atbs-widget-indexed-posts-b .posts-list>li .post__title:after, .atbs-widget-indexed-posts-c .list-index, .atbs-horizontal-list .index, .atbs-pagination, .atbs-pagination--next-n-prev .atbs-pagination__label, .post__readmore, .single-header .atbs-date-style, .widget_calendar td, .rss-date {font-family: Poppins } .page_blog .block-heading .block-heading__title.page-heading__title {font-family: Poppins } .hs-menu-wrapper ul li.hs-menu-item a, .navigation-primary >.submenu.level-1 > li > a, .navigation-primary .submenu.level-2 > li > a, .hs-menu-wrapper ul, .submenu.level-2 .menu-item .menu-link{ font-family: ; } /*Custom Fix Temp*/ .modal-open { padding-right: 0 !important; overflow: visible !important; } .modal-open .modal { padding-right: 0 !important; } /* hubspot*/ .item-hidden { display: none; } .atbs-block-overflow-hidden { overflow: hidden; } .atbs-post--grid-f.block-border-top .atbs-block__inner , .block-border-top .atbs-block__inner { border-top: 1px solid rgba(0,0,0,0.1); padding-top: 40px; } .inverse-text .offcanvas-menu-toggle i { color: #fff; } .site-footer.footer-1 .social-links__icon svg, .site-footer.footer-1 .social-links__icon:hover svg, .site-footer.footer-1 .social-links__icon:focus svg, .site-footer.footer-1 .social-links__icon:active svg { fill: rgba(0,0,0,1); } .inverse-text .social-links__icon svg, .inverse-text .social-links__icon:hover svg, .inverse-text .social-links__icon:focus svg, .inverse-text .social-links__icon:active svg, .inverse-text.site-footer.footer-1 .social-links__icon svg, .inverse-text.site-footer.footer-1 .social-links__icon:hover svg, .inverse-text.site-footer.footer-1 .social-links__icon:focus svg, .inverse-text.site-footer.footer-1 .social-links__icon:active svg { fill: rgba(255,255,255,1); } .site-footer.footer-1 .site-footer__section-right .hs_cos_wrapper { color: #222; } .inverse-text.site-footer.footer-1 .site-footer__section-right .hs_cos_wrapper { color: #fff; } .hs-error-msgs { list-style-type: none; } .widget-subscribe.widget-subscribe--stack-bottom input[type="submit"] { width: 100%; background-color: var(--color-primary); color: #fff; margin-top:0; } .widget-subscribe.widget-subscribe--stack-bottom .atoms-subscribe-title h4 { font-size: 22px; font-weight: 700; } .widget-subscribe.widget-subscribe--stack-bottom .atoms-subscribe-title p { font-style: italic; } .widget-subscribe.widget-subscribe--stack-bottom .hs_email > label { display: none } .atbs-feature-b .dots-circle .owl-dots { display: none; } .row-fluid .hint-span { display: inline-block !important; float: none; width: unset; } @media (max-width: 991px) and (min-width: 768px) { .container { width: 100%; } } /* .widget-subscribe--stack-bottom input[type="submit"]:not(.btn) { margin-top: 0; } */ .widget-subscribe--stack-bottom .atoms-subscribe-title { margin-bottom: 20px; } .widget-subscribe--stack-bottom .hs_error_rollup { display: none; } .widget-subscribe--stack-bottom .hs-error-msg { font-weight: 400; } .widget-subscribe--stack-bottom input[type="email"] { margin-top: 0; padding: 15px; font-size: 14px; font-weight: 400; line-height: 1.42857143; } /*Backup Subscribe*/ .box-wrapper { margin: 100px auto; padding: 0; max-width: 580px; min-height: 65vh; } .box-wrapper__inner { border: 1px solid rgba(0,0,0,0.1); border-top: 5px solid #3545ee; padding: 55px 45px 50px 45px; border-radius: 8px; } .box-wrapper .page-header { margin-top: 0; padding-bottom: 15px; margin-bottom: 30px; font-size: 18px; line-height: 1.5; } .box-heading__title { margin-bottom: 30px; } .box-wrapper .box-heading__title h1, .box-wrapper .page-header h1 { font-size: 34px; line-height: 1; margin-bottom: 0; } .box-wrapper #content h3 { font-size: 20px; line-height: 1.4; } .box-wrapper .box-wrapper__inner input[type=email], .box-wrapper .box-wrapper__inner input[type=password] { width: 100% !important; padding: 14px 20px !important; margin-bottom: 20px; margin-top: 0 !important; font-size: 15px !important; border-color: rgba(0,0,0,0.1) !important; } .box-wrapper input[type=submit] { width: 100%; margin: 0 !important; color: #fff; font-size: 16px; line-height: 1.5; letter-spacing: 0.5px; padding: 12px 25px; border-radius: 4px; background-color: #3545ee; text-align: center; justify-content: center; } .box-wrapper .page-header h2 { font-size: 18px; font-weight: 400; font-style: italic; margin: 11px 0 20px 0; color: #989898; } .box-wrapper.box-wrapper-large .header { padding: 10px 20px; font-size: 16px; line-height: 1.5; font-weight: 500; border-radius: 3px; } .box-wrapper-large .subscribe-options .header + p label, .box-wrapper-large .item .fakelabel { font-size: 17px !important; line-height: 1.5; font-style: italic; margin-bottom: 4px; display: block; color: rgba(0,0,0,0.9); font-weight: 400; } .box-wrapper-large .item .checkbox-row + p { font-style: italic; margin-bottom: 15px; } .box-wrapper-large .item { padding-left: 25px; } .box-wrapper .subscribe-options .header + p { padding-left: 25px; } .box-wrapper-large .subscribe-options { margin-top: 25px; } .box-wrapper-large .subscribe-options + input[type="submit"] { margin-top: 25px !important; } @media (max-width: 360px) { .box-wrapper__inner { padding: 35px 22px 30px 22px; } .box-wrapper .page-header { margin-bottom: 25px; } .box-wrapper .box-heading__title h1, .box-wrapper .page-header h1 { font-size: 24px; } .box-wrapper .box-wrapper__inner input[type=email], .box-wrapper .box-wrapper__inner input[type=password] { width: 100% !important; padding: 12px 20px !important; margin-bottom: 15px; padding: 5px 15px; border-radius: 4px; font-size: 14px; } } /*Search*/ .box-search-results.systems-page--search-results { padding: 100px 0 !important; } .box-search-results .hs-search-results__listing li:not(:last-child) { margin-bottom: 30px; } .box-search-results .hs-search-results__title { margin-bottom: 0; font-size: 24px; line-height: 1.5; font-weight: 700; text-decoration: none; } .box-search-results .hs-search-results__description { margin-bottom: 0; margin-top: 10px; padding-top: 0; font-size: 16px; line-height: 1.5; color: rgba(0,0,0,0.6); padding-left: 20px; border-left: 4px solid #3545ee; } /* conact */ .contact-form-dnd .dnd-section { position: relative; } .container-fluid { padding-left: 0; padding-right: 0; } .body-container--contact { padding-left: 15px; padding-right: 15px; overflow: hidden; } /* landing page */ .body-container--landing-page .row-fluid *:not(.dnd_area-row-0-force-full-width-section) .row-fluid { padding-left: 15px !important; padding-right: 15px !important; } .body-container--landing-page .row-fluid .dnd_area-row-0-force-full-width-section .row-fluid { padding-left: 0 !important; padding-right: 0 !important; } @media (max-width:767px) { .atbs-feature-b .atbs-block__inner { width: 100%; padding: 0 15px; } .span3.widget-span.widget-type-cell.dnd_area-column-9-padding.dnd-column { margin-top: 100px; } } @media (min-width: 576px) and (max-width: 767px) { .container { width: 100%; } } @media (max-width: 767px){ .atbs-feature-b.hero-blog-mode .section-main .post-sub { padding-left: 0 !important; } .atbs-feature-b.hero-blog-mode .owl-carousel { border: none !important; padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 479px){ .atbs-feature-b .post--horizontal-readmore-absolute .post__thumb { width: auto; height: auto; margin: 0 0 20px; } .atbs-feature-b .post--horizontal-readmore-absolute .post__text { width: 100%; height: auto; } } .navigation-primary .submenu.level-2>li{background-color:{ };} .navigation-primary .submenu.level-2>li:hover{background-color:var(--color-primary)} .navigation-primary .submenu.level-2>li:hover>a{color:#fff} .navigation-bar--inverse .navigation-primary .submenu.level-2>li>a,.navigation-bar--inverse .navigation-primary>.submenu.level-1>li>a{color:rgba(255,255,255,.8)} .atbs-offcanvas .submenu.level-2 .menu-item .menu-link:focus,.atbs-offcanvas .submenu.level-2 .menu-item .menu-link:hover{color:var(--color-primary)} .atbs-offcanvas .navigation-primary>.submenu.level-1>li>a:hover{color:var(--color-primary)} .atbs-offcanvas .submenu.level-2{background-color:#fafafa} .site-footer .site-footer__section-right .hs_cos_wrapper a:hover .hs_cos_wrapper_type_inline_text{color:#fff!important} .footer-1{background:{ };} .site-footer .social-links__icon:active svg,.site-footer .social-links__icon:focus svg,.site-footer .social-links__icon:hover svg{fill:#ffffff} .site-footer .site-footer__section-right .hs_cos_wrapper{color:rgba(255,255,255,.8)} .site-footer .site-footer__section-right .hs_cos_wrapper a{color:rgba(255,255,255,.8)} .single-column-left .social-share .social-links__icon svg,.single-footer .author-info .social-links__icon svg{fill:#909090} .single-column-left .social-share .social-links__icon:hover{background-color:var(--color-primary);border:1px solid var(--color-primary)} .single-column-left .social-share .social-links__icon:hover svg{fill:#ffffff} .single-footer .author-info .social-links__icon:hover svg{fill:var(--color-primary)} .blog-list-header__title{color:var(--color-primary)} .blog-pagination__link--active{color:var(--color-primary)!important} .blog-pagination__next-link--disabled svg,.blog-pagination__prev-link--disabled svg{fill:var(--color-primary)!important} .error-page__heading{color:var(--color-primary)} .error-page-wrapper{border:1px solid rgba(0,0,0,.1);border-top:4px solid var(--color-primary);border-bottom:4px solid var(--color-primary)} .error-page-wrapper .error-button{background-color:var(--color-primary)} .contact-post-card{border-top:3px solid var(--color-primary)} .contact-post-card:before{background-color:var(--color-primary)} .contact-form .hs-button{background-color:var(--color-primary)!important} .box-wrapper__inner{border:1px solid rgba(0,0,0,.1);border-top:5px solid var(--color-primary)} .box-wrapper input[type=submit]{background-color:var(--color-primary)} .box-search-results .hs-search-results__description{border-left:4px solid var(--color-primary)} /* Tools Any animations, or functions used throughout the project. Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here */ /* Generic This is where reset, normalize & box-sizing styles go. */ *,:after,:before{box-sizing:border-box}.top-stories-page .hs-button{border:2px solid #e20000;display:inline-block;text-align:center;font:bold 16px/1 Montserrat;letter-spacing:0;color:#e20000;padding:9px 35px;border-radius:5px;transition:.5s}.top-stories-page .hs-button:hover{background:#e20000;border-color:#e20000;color:#fff}.resources_wrapper h1{font-family:Poppins,sans-serif;font-style:normal;font-weight:700;font-size:32px;line-height:36px;text-align:center;letter-spacing:-.015em;color:#000;margin-bottom:60px}.resources_wrapper .form-title{font-family:Poppins,sans-serif;font-style:normal;font-weight:500;font-size:32px;line-height:36px;text-align:center;margin-bottom:34px;color:#000}.resources_wrapper .widget-type-form{background:#fff;border:1px solid rgba(0,0,0,.25);box-shadow:0 4px 4px rgb(0 0 0 / 25%);padding:60px 32px 48px}.resources_wrapper .widget-type-form .hs-form-field{margin-bottom:34px}.resources_wrapper .dnd-section{padding-top:60px}.resources_wrapper .widget-type-form .hs-form-field .input input,.resources_wrapper .widget-type-form .hs-form-field select,.resources_wrapper .widget-type-form .hs-form-field textarea{background:#fff;border:1px solid rgba(0,0,0,.3);border-radius:8px;padding:10px;min-height:54px;width:100%!important}.resources_wrapper .widget-type-form .hs-form-field select{background-image:url(//6212555.fs1.hubspotusercontent-na1.net/hubfs/6212555/ActiveSG/GASG%20Nurture%20Kids/icon_dropdown.png);background-repeat:no-repeat;background-position-x:calc(100% - 15px);background-position-y:50%;background-size:24px;width:100%}.resources_wrapper .widget-type-form .hs-form-field textarea{min-height:114px;width:100%!important}.resources_wrapper .widget-type-form form .hs-form-field>label{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:36px;letter-spacing:-.015em;color:#000}.resources_wrapper .widget-type-form form .actions{text-align:center;padding-top:20px}.resources_wrapper .widget-type-form .hs-button,.resources_wrapper .widget-type-form .hs-button:hover{background:#e20;border-radius:43px;font-family:Poppins,sans-serif;font-style:normal;font-weight:600;font-size:18px;line-height:27px;text-transform:uppercase;color:#fff;max-width:350px;width:100%;margin:0}.resources_wrapper .widget-type-form fieldset.form-columns .hs-form-field .input{margin:0}.resources_wrapper .widget-type-form fieldset.form-columns-2 .hs-form-field:first-child{padding-right:11px}.resources_wrapper .widget-type-form fieldset.form-columns-2 .hs-form-field:last-child{padding-left:11px}.nurture-kids-campaign-wrapper .hs_cos_wrapper_type_rich_text h1{font-family:Poppins;font-style:normal;font-weight:700;font-size:32px;line-height:36px;text-align:center;letter-spacing:-.015em;color:#000;margin-bottom:16px}.finale-section2 .hs_cos_wrapper_type_rich_text p,.nurture-kids-campaign-wrapper .hs_cos_wrapper_type_rich_text p{font-family:Poppins;font-style:normal;font-weight:400;font-size:14px;line-height:21px;text-align:center;color:#000}.finale-section1 .hs_cos_wrapper_type_header h2,.finale-section2 .hs_cos_wrapper_type_rich_text h4,.finale-section3 .hs_cos_wrapper_type_rich_text ul li a{font-family:Poppins;font-style:normal;line-height:36px;letter-spacing:-.015em}.nurture-kids-campaign-page .challenge-banner-wrapper{background-position:left top;padding-top:182px;padding-bottom:147px}.nurture-kids-campaign-page .challenge-banner-wrapper .left-wrapper h1{margin-bottom:18px}.finale-section1 .hs_cos_wrapper_type_header h2{font-weight:700;font-size:32px;text-align:center;color:#000;margin:0}.finale-section2 .dnd-section>.row-fluid{max-width:731px}.finale-section2 .hs_cos_wrapper_type_rich_text h4{font-weight:500;font-size:24px;text-align:center;color:#000;margin-bottom:20px}.finale-section3 .hs_cos_wrapper_type_rich_text h2{font-family:Poppins;font-style:normal;font-weight:500;font-size:32px;line-height:48px;color:#000;margin-bottom:22px}.finale-section3 .hs_cos_wrapper_type_rich_text ul{margin:0;padding:0;list-style:none}.finale-section3 .hs_cos_wrapper_type_rich_text ul li{margin-bottom:8px}.finale-section3 .hs_cos_wrapper_type_rich_text ul li a{font-weight:500;font-size:20px;text-decoration-line:underline;color:#1c92ff}.finale-section3 .hs_cos_wrapper .form-title{text-align:center;margin-bottom:50px}.Resources-page .challenge-banner-wrapper{background-position:left top}.finale-form .submitted-message a{color:#1c92ff}.finale-form .submitted-message p{text-align:center}.learn-detail-right .hs_cos_wrapper_type_rich_text ol,.learn-detail-right .hs_cos_wrapper_type_rich_text ul{list-style-position:inside}.learn-detail-right .hs_cos_wrapper_type_rich_text table ul{margin:0;padding-top:5px;padding-bottom:5px}@media (max-width:991px){.nurture-kids-campaign-page .challenge-banner-wrapper .left-wrapper{width:100%}}@media (max-width:767px){.resources_wrapper .form-title{font-size:25px;line-height:1.3}.resources_wrapper h1{margin-bottom:30px}.resources_wrapper .dnd-section{padding-top:30px}.resources_wrapper .widget-type-form{padding:30px 15px}.resources_wrapper .widget-type-form form .hs-form-field>label{line-height:1.2}.nurture-kids-campaign-page .challenge-banner-wrapper{padding-top:120px;padding-bottom:120px}.nurture-kids-campaign-page .challenge-banner-wrapper .left-wrapper h1{font-size:35px}}@media (max-width:400px){.resources_wrapper .widget-type-form fieldset.form-columns-2 .hs-form-field:first-child,.resources_wrapper .widget-type-form fieldset.form-columns-2 .hs-form-field:last-child{padding:0}.resources_wrapper .widget-type-form .hs-form-field .input{width:100%!important}}.hs-web-interactives-top-banner-open .sticky_hdr{top:68px}@media (max-width:1204px){.hs-web-interactives-top-banner-open .sticky_hdr{top:96px}}@media (max-width:991px){div#hs-web-interactives-top-anchor{z-index:10000}} button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none} /* Objects Non-cosmetic design patterns including grid and layout classes) */ .hidden,.invisible{visibility:hidden}.row-fluid{width:100%}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.row-fluid:after,.row-fluid:before{display:table;content:""}.clearfix:after,.container-fluid:after,.row-fluid:after{clear:both}.row-fluid [class*=span]{display:block;float:left;width:100%;min-height:1px;margin-left:2.127659574%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*=span]:first-child{margin-left:0}.row-fluid .span12{width:99.99999998999999%}.row-fluid .span11{width:91.489361693%}.row-fluid .span10{width:82.97872339599999%}.row-fluid .span9{width:74.468085099%}.row-fluid .span8{width:65.95744680199999%}.row-fluid .span7{width:57.446808505%}.row-fluid .span6{width:48.93617020799999%}.row-fluid .span5{width:40.425531911%}.row-fluid .span4{width:31.914893614%}.row-fluid .span3{width:23.404255317%}.row-fluid .span2{width:14.89361702%}.row-fluid .span1{width:6.382978723%}@media (max-width:767px){.row-fluid{width:100%}.row-fluid [class*=span]{display:block;float:none;width:auto;margin-left:0}}@media (min-width:768px) and (max-width:1139px){.row-fluid{width:100%}.row-fluid:after,.row-fluid:before{display:table;content:""}.row-fluid:after{clear:both}.row-fluid [class*=span]{display:block;float:left;width:100%;min-height:1px;margin-left:2.762430939%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*=span]:first-child{margin-left:0}.row-fluid .span12{width:99.999999993%}.row-fluid .span11{width:91.436464082%}.row-fluid .span10{width:82.87292817100001%}.row-fluid .span9{width:74.30939226%}.row-fluid .span8{width:65.74585634900001%}.row-fluid .span7{width:57.182320438000005%}.row-fluid .span6{width:48.618784527%}.row-fluid .span5{width:40.055248616%}.row-fluid .span4{width:31.491712705%}.row-fluid .span3{width:22.928176794%}.row-fluid .span2{width:14.364640883%}.row-fluid .span1{width:5.801104972%}}@media (min-width:1280px){.row-fluid,.row-fluid .span12{width:100%}.row-fluid:after,.row-fluid:before{display:table;content:""}.row-fluid:after{clear:both}.row-fluid [class*=span]{display:block;float:left;width:100%;min-height:1px;margin-left:2.564102564%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*=span]:first-child{margin-left:0}.row-fluid .span11{width:91.45299145300001%}.row-fluid .span10{width:82.905982906%}.row-fluid .span9{width:74.358974359%}.row-fluid .span8{width:65.81196581200001%}.row-fluid .span7{width:57.264957265%}.row-fluid .span6{width:48.717948718%}.row-fluid .span5{width:40.170940171000005%}.row-fluid .span4{width:31.623931624%}.row-fluid .span3{width:23.076923077%}.row-fluid .span2{width:14.529914530000001%}.row-fluid .span1{width:5.982905983%}}.hide{display:none}.show{display:block}.hidden{display:none}.hidden-desktop,.visible-phone,.visible-tablet{display:none!important}@media (max-width:767px){.hidden-desktop,.visible-phone{display:inherit!important}.hidden-phone,.visible-desktop{display:none!important}}@media (min-width:768px) and (max-width:1139px){.hidden-desktop,.visible-tablet{display:inherit!important}.hidden-tablet,.visible-desktop{display:none!important}} .content-wrapper{margin:0 auto;padding:0 15px}@media screen and (min-width:1380px){.content-wrapper{padding:0}}.dnd-section>.row-fluid{margin:0 auto;padding-left:15px;padding-right:15px}.dnd-section .dnd-column{padding:0 15px}@media (max-width:767px){.dnd-section .dnd-column{padding:0!important}} /* Elements Base HMTL elements are styled in this section (, ,

,