.total-blog-list .post-summary > ul,.total-blog-list .post-summary > ol{margin-bottom:1.25rem}.total-blog-list .post-summary *:last-child{margin-bottom:0} .post-image-wrapper{width:100%;overflow:hidden;position:relative}.post-image{width:100%;margin:0;padding:0;text-align:center}.post-image img{max-width:100%;width:auto;height:auto;display:block}.post-image.animate{transform:translateZ(0);overflow:hidden}.post-image.animate .post-bg-image,.post-image.animate img{overflow:hidden;transform:translateZ(0);transition:transform 0.5s ease,filter 0.5s ease}.post-image.animate.shadow-in:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:5;transition:box-shadow 0.5s ease}.post-bg-image{width:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center} .oembed.video,.oembed.codepen,.fr-video{display:block;width:100%;margin-bottom:0;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.oembed.video video,.oembed.codepen video,.fr-video video{width:100%}.oembed.video iframe,.oembed.codepen iframe,.fr-video iframe{border:none;height:100%;position:absolute;top:0;width:100%;left:0}img.fr-full-width{min-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw !important;margin-right:-50vw !important} .fr-video{display:block;width:100%;padding-bottom:52.34%;margin-bottom:0;height:0;overflow:hidden;padding-top:1.5625rem;position:relative}.fr-video iframe{border:none;height:100%;position:absolute;top:0;width:100%;left:0}button.loadmore{display:block;margin:1rem auto}button.loadmore.mobile-button{display:none}.total-blog-list{list-style:none;margin:0;padding:0;display:block;width:100%;position:relative}.total-blog-list .post{position:relative;margin:0;width:100%;overflow:auto}.total-blog-list.hyphenate .post-title,.total-blog-list.hyphenate .post-summary{overflow-wrap:break-word;word-wrap:break-word;hyphens:auto}.blog-link{text-decoration:none} form.blog-filter-form input,form.blog-filter-form select,form.blog-filter-form textarea,form.datastore-form input,form.datastore-form select,form.datastore-form textarea{padding:0.50rem;border-width:1px;border-radius:0px;margin-bottom:1.00rem;font-size:0.90rem;background-color:rgba(255, 255, 255, 1.00);border-color:rgba(204, 204, 204, 1.00);color:rgba(34, 34, 34, 1.00)}form.blog-filter-form select,form.datastore-form select{padding-right:1.5rem}form.blog-filter-form input,form.blog-filter-form select,form.datastore-form input,form.datastore-form select{height:2.30rem}form.blog-filter-form::placeholder,form.datastore-form::placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form:-ms-input-placeholder,form.datastore-form:-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form::-ms-input-placeholder,form.datastore-form::-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)} :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 140, 186, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 110, 156, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(88, 88, 88, 1.00);--link-color-hover:rgba(161, 73, 0, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(252, 253, 253, 1.00);--link-color-hover:rgba(210, 210, 210, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} .opensans, .fontpro-stacks_in_34_7{font-style:normal;font-weight:400;font-family:"Open Sans",sans-serif } .roboto, .fontpro-stacks_in_34_6{font-style:normal;font-weight:400;font-family:"Roboto",sans-serif } .wireone, .fontpro-stacks_in_34_5{font-style:normal;font-weight:400;font-family:"Wire One",sans-serif } .osc, .fontpro-stacks_in_34_8{font-style:normal;font-weight:300;font-family:"Open Sans Condensed",sans-serif } .pompiere, .fontpro-stacks_in_34_9{font-style:normal;font-weight:400;font-family:"Pompiere",sans-serif } .tulpenone, .fontpro-stacks_in_34_10{font-style:normal;font-weight:400;font-family:"Tulpen One",sans-serif } .lancelot, .fontpro-stacks_in_34_11{font-style:normal;font-weight:400;font-family:"Lancelot",sans-serif } .unantiqua, .fontpro-stacks_in_34_12{font-style:normal;font-weight:400;font-family:"Uncial Antiqua",sans-serif } .oswald, .fontpro-stacks_in_34_2{font-style:normal;font-weight:300;font-family:"Oswald",sans-serif } .fsize-8{font-size:calc(8rem/16) ;}@media only screen and (min-width:40em){ .fsize-8{font-size:calc(8rem/16) }}@media only screen and (min-width:64em){ .fsize-8{font-size:calc(8rem/16) }} .fsize-10{font-size:calc(10rem/16) ;}@media only screen and (min-width:40em){ .fsize-10{font-size:calc(10rem/16) }}@media only screen and (min-width:64em){ .fsize-10{font-size:calc(10rem/16) }} .fsize-titles{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em){ .fsize-titles{font-size:calc(30rem/16) }}@media only screen and (min-width:64em){ .fsize-titles{font-size:calc(48rem/16) }} .fsize-name{font-size:calc(40rem/16) ;}@media only screen and (min-width:40em){ .fsize-name{font-size:calc(60rem/16) }}@media only screen and (min-width:64em){ .fsize-name{font-size:calc(84rem/16) }} .fsize-12{font-size:calc(12rem/16) ;}@media only screen and (min-width:40em){ .fsize-12{font-size:calc(12rem/16) }}@media only screen and (min-width:64em){ .fsize-12{font-size:calc(12rem/16) }} .fsize-14{font-size:calc(14rem/16) ;}@media only screen and (min-width:40em){ .fsize-14{font-size:calc(14rem/16) }}@media only screen and (min-width:64em){ .fsize-14{font-size:calc(14rem/16) }} .fsize-16{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em){ .fsize-16{font-size:calc(16rem/16) }}@media only screen and (min-width:64em){ .fsize-16{font-size:calc(16rem/16) }} .fsize-18{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em){ .fsize-18{font-size:calc(18rem/16) }}@media only screen and (min-width:64em){ .fsize-18{font-size:calc(18rem/16) }} .fsize-20{font-size:calc(20rem/16) ;}@media only screen and (min-width:40em){ .fsize-20{font-size:calc(20rem/16) }}@media only screen and (min-width:64em){ .fsize-20{font-size:calc(20rem/16) }} .fsize-22{font-size:calc(22rem/16) ;}@media only screen and (min-width:40em){ .fsize-22{font-size:calc(22rem/16) }}@media only screen and (min-width:64em){ .fsize-22{font-size:calc(22rem/16) }} .fsize-24{font-size:calc(24rem/16) ;}@media only screen and (min-width:40em){ .fsize-24{font-size:calc(24rem/16) }}@media only screen and (min-width:64em){ .fsize-24{font-size:calc(24rem/16) }} .fsize-30{font-size:calc(30rem/16) ;}@media only screen and (min-width:40em){ .fsize-30{font-size:calc(30rem/16) }}@media only screen and (min-width:64em){ .fsize-30{font-size:calc(30rem/16) }} .fsize-36{font-size:calc(36rem/16) ;}@media only screen and (min-width:40em){ .fsize-36{font-size:calc(36rem/16) }}@media only screen and (min-width:64em){ .fsize-36{font-size:calc(36rem/16) }} .fsize-40{font-size:calc(40rem/16) ;}@media only screen and (min-width:40em){ .fsize-40{font-size:calc(40rem/16) }}@media only screen and (min-width:64em){ .fsize-40{font-size:calc(40rem/16) }} .fsize-48{font-size:calc(48rem/16) ;}@media only screen and (min-width:40em){ .fsize-48{font-size:calc(48rem/16) }}@media only screen and (min-width:64em){ .fsize-48{font-size:calc(48rem/16) }} .fsize-60{font-size:calc(60rem/16) ;}@media only screen and (min-width:40em){ .fsize-60{font-size:calc(60rem/16) }}@media only screen and (min-width:64em){ .fsize-60{font-size:calc(60rem/16) }} .fbold-700{font-weight:700 ;} .fbold-600{font-weight:600 ;} .bg2{background-color:rgba(255, 153, 51, 0.38) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bg2{background-attachment:scroll!important}} .bg1{background-color:rgba(146, 65, 58, 0.50) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bg1{background-attachment:scroll!important}} .footerbg{background-color:var(--overlay-color) ;background-color:rgba(62, 21, 25, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.footerbg{background-attachment:scroll!important}} .rodimg{background-image:url('../files/bgimage-50-516.jpg') ;background-repeat:no-repeat ;background-size: cover ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.rodimg{background-attachment:scroll!important}} .formwidget{border-color:rgba(153, 153, 153, 1.00) ;} .rnd10{border-radius:10px ;} .topborder{border-color:rgba(0, 0, 0, 1.00) ;border-width:1px 0px 0px 0px ;border-style:solid ;} .font-white{color:var(--white-color) ;} .font-black{color:rgba(0, 0, 0, 1.00) ;} .linkhover{color:var(--link-color-hover) ;} .myheaderht75{height:75% ;} .topmarg20{margin-top:1.25rem ;} .botmarg-20{margin-bottom:1.25rem ;} .botmarg8{margin-bottom:0.5rem ;} .topmarg8{margin-top:0.5rem ;} div.element > .childelement{position:fixed !important;z-index:5 !important;top:0% !important;bottom:100% !important;left:unset !important;right:unset !important;} .formwidget{position:fixed ;z-index:1 ;top:unset ;bottom:10px ;left:unset ;right:10px ;} .mypos2{position:fixed ;z-index:6 ;top:300px ;bottom:unset ;left:30px ;right:30px ;} .top30{position:fixed ;z-index:1 ;top:30px ;bottom:unset ;left:unset ;right:unset ;} .mycenter{position:fixed ;z-index:1 ;top:unset ;bottom:unset ;left:unset ;right:unset ;transform:translateX(-50%) ;} .shadow{text-shadow:2px 2px 5px rgba(0, 0, 0, 0.60);} #stacks_in_78 { padding: 0px 0px 0px 30px; } #stacks_out_78 { margin-left:0; } #stacks_in_79 { margin: -10px 0px 100px 0px; padding: 0px 0px 1000px 30px; } #stacks_in_45 { margin: 20px 0px 30px 0px; padding: 0px 20px 0px 20px; } .blog_stacks_in_3 { position: relative; display: flex; flex-wrap: wrap; margin: -1.25rem; width: calc(100% + 2.5rem); } .blog_stacks_in_3 .post { flex: 1 1 300px; display: flex; flex-direction: column; overflow: hidden; margin: 1.25rem; } .blog_stacks_in_3 .full-layout { display: none; } @media only screen and (min-width: 40.063em) { .blog_stacks_in_3.flex-grid-full .post:nth-child(6n+1) { flex: 1 1 100%; flex-direction: row; } .blog_stacks_in_3.flex-grid-full .post:nth-child(6n+1) .full-layout { display: block; width: 100%; } .blog_stacks_in_3.flex-grid-full .post:nth-child(6n+1) .default-layout { display: none; } .blog_stacks_in_3.flex-grid-full:after { content: ""; flex: 1 1 300px; display: flex; flex-direction: column; overflow: hidden; margin: 1.25rem; } } @supports (display: grid) { .blog_stacks_in_3.grid { display: grid; grid-template-columns: 1fr; grid-gap: 2.5rem; margin: 0; width: 100%; } @media screen and (min-width: 25em) { .blog_stacks_in_3.grid { grid-template-columns: 1fr 1fr; } } @media screen and (min-width: 40.0625em) { .blog_stacks_in_3.grid { grid-template-columns: 1fr 1fr 1fr; } } @media screen and (min-width: 62.5em) { .blog_stacks_in_3.grid { grid-template-columns: 1fr 1fr 1fr; } } .blog_stacks_in_3.grid .post { flex: unset; display: block; margin: 0; } .blog_stacks_in_3.grid:after { display: none; } } .blog_stacks_in_3 .post { border-style: solid; border-color: rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.8); background-position: center center; background-size: cover; border-width: 0px; border-radius: 0px; padding: 0.625rem; } .blog_stacks_in_3 .post.alternate:nth-child(even) { border-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0); } .blog_stacks_in_3 .post-image.thumbs li { width: calc(100%/2); } .blog_stacks_in_3 .hover-press { box-shadow: rgba(39, 44, 49, 0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px; transition: all 0.5s ease; } .blog_stacks_in_3 .hover-press:hover { box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07); transition: all 0.3s ease; transform: translate3D(0, 0px, 0); } .blog_stacks_in_3 .hover-raise { box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07); transition: all 0.5s ease; } .blog_stacks_in_3 .hover-raise:hover { transition: all 0.3s ease; transform: translate3D(0, 0px, 0); box-shadow: rgba(39, 44, 49, 0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px; } .stacks_in_8 .post-image{border-radius:0px;padding:calc(0rem/16);}.stacks_in_8 .post-image .post-bg-image{min-height:200px}.stacks_in_8 .post-image img,.stacks_in_8 .post-image .post-bg-image{border-style:solid;border-color:rgba(204, 204, 204, 1.00);border-width:0px;border-radius:0px;}.stacks_in_8 .post-image img{height:300px;width:auto;}.post .stacks_in_8 .post-image.scale-down .post-bg-image,.post .stacks_in_8 .post-image.scale-down img{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_8 .post-image.scale-down .post-bg-image,.post:hover .stacks_in_8 .post-image.scale-down img{transform:scale(1) rotateZ(0deg)}.post:hover .stacks_in_8 .post-image.scale-up .post-bg-image,.post:hover .stacks_in_8 .post-image.scale-up img{transform:scale(1.30) rotateZ(0.00deg) translateZ(0)}.post:hover .stacks_in_8 .post-image.shadow-in:after{box-shadow:inset 0 0 200px rgba(0, 0, 0, 1.00)}.post:hover .stacks_in_8 .post-image.blur .post-bg-image,.post:hover .stacks_in_8 .post-image.blur img{filter:blur(10px)}