style.css

/*
Theme Name: Math2IT 3 Wordpress Theme
Theme URI: https://github.com/math2it/math2itwp
Author: Anh-Thi DINH
Author URI: https://dinhanhthi.com
Description: A Wordpress theme for Math2IT version 3
Tested up to: 6.0
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 3.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: math2itwp
Tags: math2it, dinhanhthi, wordpress, theme, flexibile
*/

.bg-black{background:linear-gradient(to bottom right, #111217,#484d60)}.bg-cat-2703{background:#67B26F;background-image:linear-gradient(355.3deg, #ff0084 -66.6%,#33001b 96.6%)}.header-intro .intro{color:rgba(255,255,255,0.8);border-radius:0 0 1rem 1rem;padding:0 1rem 1rem 1rem;text-align:center}.header-intro .intro h1{color:#fff;font-weight:600}.header-intro .intro .subtitle{color:#5eeda3;font-size:1.1rem;font-weight:700}.header-intro .intro p.description{margin-top:1rem;color:#fff}@media (max-width: 450px){.header-intro .intro h4{font-size:1.2rem}}.header-intro .intro .title{margin-bottom:1rem}.header-intro .intro .description{margin:0;font-size:0.9rem}.header-intro:hover .icon-math2it{transform:rotate(-14deg)}.img-avatar{font-family:'Righteous', cursive;margin:0 auto;font-size:2.5rem;font-weight:800;color:#fff;text-align:center}.img-avatar .icon-math2it{font-size:5rem;color:#f15f5f;margin-left:-0.5rem;margin-right:-0.5rem;vertical-align:middle;display:inline-block;transition:transform .4s}@media (max-width: 767px){.img-avatar{font-size:3rem}.img-avatar .icon-math2it{font-size:5rem;margin-left:-0.5rem;margin-right:-0.5rem}}.img-avatar h1{display:none}.idx-social{font-size:1rem;margin-top:1rem;text-align:center}.idx-social a{color:#fffaad}.idx-social a span{text-shadow:2px 2px 4px #000}.idx-social a:hover{text-decoration:none;color:#ffe066}.idx-social a:hover .icon-home{color:inherit}.idx-social .mr-s{margin-right:1.5rem}@media screen and (max-width: 400px){.idx-social .mr-s{margin-right:0.5rem}}.idx-social .mr-s:last-of-type{margin-right:0}@media (max-width: 575px){.idx-social{font-size:2rem}}.latest-top{border-bottom:0.5px #969494 solid;padding-bottom:5px;margin-bottom:1rem !important}.latest-top .new-title{font-weight:bold;font-size:1.1rem;color:#fff}.latest-top a{font-size:0.9rem;color:#a1a7b9;line-height:2}.latest-top a:hover{color:#fff}.latest-top .view-all{color:#eee !important;font-size:0.85rem !important}.newest-list a{text-decoration:none}.newest-list a .new-item{display:flex;flex-wrap:wrap;margin-top:0.5rem}@media (max-width: 767px){.newest-list a .new-item{padding:0 1rem}}.newest-list a .new-item .cat-icon{width:3rem;color:#ddd;font-size:1.7rem}.newest-list a .new-item .new-post{width:calc(100% - 3rem)}.newest-list a .new-item .new-post .post-date{font-size:0.75rem;color:#ccc;margin-bottom:0.2rem}.newest-list a .new-item .new-post .post-title{font-size:0.95rem;font-weight:600;color:#fff;line-height:1.4}.newest-list a:hover .post-title{color:#ffeead !important}.header-book .book-cover{max-width:150px;margin:0 auto}@media screen and (max-width: 768px){.header-book .book-cover{margin-bottom:2rem}}@media (max-width: 450px){.header-book .book-cover{max-width:120px}}.header-book .book-cover img{height:100%;width:100%;border:1px solid #aaa;box-shadow:0 12px 8px -8px black}.footer{background:#272a34;padding:25px 15px;color:#ddd;text-align:center;position:relative;font-size:0.93rem}@media (max-width: 767px){.footer{padding:30px 15px}}.footer a{color:#ddd;text-decoration:none}.footer a:hover{color:#fff}.footer p:last-child{margin-bottom:0}#up-arrow{display:block;z-index:8;cursor:pointer;width:42px;height:42px;border-radius:30px;position:absolute;right:80px;top:-16px;overflow:hidden;background:#272a34;transition:all 200ms ease-out}@media (max-width: 767px){#up-arrow{right:50%;margin-right:-26px}#up-arrow i{color:#eee}}#up-arrow i{color:#ddd;font-size:1.8rem}#up-arrow:hover{padding-top:5px}#up-arrow:hover i{color:#fff}body{font-family:'Comfortaa', cursive;color:#333}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin-top:0;font-weight:normal;color:#333}.tgreen{color:#5eeda3}kbd{background-color:#f7f7f7;border:1px solid rgba(0,0,0,0.3);border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 0 0 2px #fff;color:#333;display:inline-block;margin:0 .1em;padding:.1em .5em 0;text-shadow:0 1px 0 #fff;font-weight:400;line-height:1.4;font-size:80%}.mark,mark{background-color:#fff6b3;padding:.1em .2em}.post-font{font-family:'Nunito', sans-serif;font-size:1.05rem}.post-font .has-small-font-size{font-size:90%}bbt{font-size:1.5rem;color:#2382ab;margin-right:5px;font-weight:bold}bbt:after{content:"."}tpink{color:#d83173}tgreen{color:#228237}.nav-bg{background:#272a34}.current-menu-item{color:#fff !important}@media (max-width: 376px){.navbar a i{font-size:1.2rem}.navbar a span{font-size:0.9rem}}.navbar{padding:0}.navbar .menu{list-style-type:none}.navbar .nav-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 991px){.navbar{padding:.5rem 1rem}}.navbar a{color:#a1a7b9;text-align:center;padding:0.5rem 0.25rem;font-weight:bold}.navbar a:hover{color:#fff;background:#20232b;text-decoration:none}@media (min-width: 600px){.navbar a{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-ms-flex-direction:column;display:flex;font-size:1rem;padding:0.5rem 0.25rem;height:100%;text-align:center;flex:1}}@media (max-width: 360px){.navbar a{flex:0 0 50%}}.navbar a i{font-size:1.3rem}@media (max-width: 500px){.navbar{font-size:.95rem}}@media (max-width: 768px){.navbar .container{max-width:100%;padding:0}}.nav-search{display:block;margin-left:10px;margin:0.5rem 0}@media (max-width: 991px){.nav-search{width:100%;margin-left:0}}@media (min-width: 600px){.nav-search{padding-left:5px}}.nav-search .nav-search-input{border:0;border-radius:6px;background:#3d4251;color:#fff;font-size:1rem;padding:1rem;height:45px;width:200px;display:inline-block}@media (max-width: 500px){.nav-search .nav-search-input{font-size:.95rem;height:40px}}@media (max-width: 991px){.nav-search .nav-search-input{width:calc(100% - 39px)}}.nav-search .nav-search-input:focus{outline:none;border:0;background:#484d60}.nav-search .nav-search-input:hover{background:#484d60}@media (min-width: 1200px){.nav-search .nav-search-input{width:200px}}.nav-search .nav-search-submit{background:0 0;border:0;padding:0;text-align:center;font-size:1.1rem;color:#aaa;font-weight:700;display:inline-block;cursor:pointer}.nav-search .nav-search-submit:hover{background:0 0;color:#5eeda3}.nav-search .nav-search-submit:focus{border:0;outline:none}.nav-search input[type="search"]::-webkit-search-decoration,.nav-search input[type="search"]::-webkit-search-cancel-button,.nav-search input[type="search"]::-webkit-search-results-button,.nav-search input[type="search"]::-webkit-search-results-decoration{display:none}.nav-search input[type=search]::-ms-clear{display:none;width:0;height:0}.nav-search input[type=search]::-ms-reveal{display:none;width:0;height:0}@media (max-width: 991px){.navbar-custom .container .col-xl-10{padding:0}}.paginate-links{font-size:1.1rem;display:inline-block}.page-numbers{display:inline-block;padding:10px 10px 8px 10px;background:#fff;border:1px solid #dfdfdf;border-radius:5px;color:#666;line-height:1;text-decoration:none}.page-numbers.next,.page-numbers.prev{padding:10px}.page-numbers.current,a.page-numbers:hover{background:#3d78b5 !important;border:1px solid #3d78b5;color:#fff;text-decoration:none}.wp-block-image{margin-bottom:1.5rem;margin-top:1rem}.wp-block-image img{max-width:unset !important;width:100%;height:100%}.wp-block-image figure{margin-top:0.3rem}.wp-block-image figcaption{color:#789 !important}figcaption{font-size:0.9rem !important;padding:0 15px}.wp-block-gallery{margin-top:1rem}@media (min-width: 1360px){.wp-block-gallery{margin-left:-50px;margin-right:-50px}}.wp-block-gallery figcaption{color:#fff !important}.wp-block-media-text{margin:0;grid-template-columns:40% auto}@media (min-width: 768px){.wp-block-media-text{margin:3rem 0}}@media (max-width: 767px){.wp-block-media-text{display:inherit !important;margin-bottom:1rem}}@media (max-width: 767px){.wp-block-media-text.alignwide{margin-left:0;margin-right:0}}.wp-block-media-text .wp-block-media-text__media{width:100%;padding:0 15px}@media (max-width: 767px){.wp-block-media-text .wp-block-media-text__media{padding-bottom:0;margin-bottom:1rem}}.wp-block-media-text .wp-block-media-text__content{padding:0 1.5rem;margin-right:0}.wp-block-media-text .wp-block-media-text__content .has-large-font-size{font-size:1rem}.wp-block-media-text .wp-block-media-text__content p:first-of-type{margin-top:0}.wp-block-media-text .wp-block-media-text__content p:last-of-type{margin-bottom:0}.wp-block-media-text .wp-block-media-text__content p+ul{margin-top:2rem}.wp-block-media-text.has-media-on-the-right{grid-template-columns:auto 40%}@media (min-width: 1360px){.alignwide.has-media-on-the-right img{left:0}}.alignwide,.alignfull{max-width:unset}@media (max-width: 991px){.alignwide,.alignfull{width:auto}}@media (max-width: 575px){.alignwide,.alignfull{margin-left:-15px;margin-right:-15px}}@media (min-width: 576px) and (max-width: 767px){.alignwide,.alignfull{margin-left:calc(-100vw / 2 + 540px / 2 - 15px);margin-right:calc(-100vw / 2 + 540px / 2 - 15px)}}@media (min-width: 768px) and (max-width: 991px){.alignwide,.alignfull{margin-left:calc(-100vw / 2 + 720px / 2 - 15px);margin-right:calc(-100vw / 2 + 720px / 2 - 15px)}}.alignfull{margin-left:0;margin-right:0}.alignright,.alignleft{margin-bottom:0;width:45%}@media (max-width: 767px){.alignright,.alignleft{width:100% !important}}@media (max-width: 767px){.alignright figcaption,.alignleft figcaption{margin-bottom:1rem}}.aligncenter{max-width:100%}.aligncenter figcaption{margin-bottom:0}@media (min-width: 768px){.max-200 figure{max-width:200px}.max-250 figure{max-width:250px}.max-300 figure{max-width:300px}.full-50 figure{width:50%}.full-75 figure{width:75%}}li img{max-width:100%;padding:1rem 0}.img-shadow{box-shadow:0 0 20px 2px #e3e3e3}.wp-block-embed{margin-bottom:1rem}.wp-block-embed__wrapper{position:relative}.wp-block-embed__wrapper::before{content:"";display:block;padding-top:50%}.wp-block-embed__wrapper iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sec-choice-cat{background:#fffef1;padding:2rem 0 1.5rem 0}.sec-choice-cat .new-title{color:#e4a200}.cat-intro .intro h1.title{color:#fff;font-size:2.2rem;text-shadow:2px 2px 4px #000;font-weight:bold;text-transform:lowercase;letter-spacing:5px}@media (max-width: 575px){.cat-intro .intro h1.title{font-size:2rem}}.cat-intro .intro .img-avatar i{padding:5px 0}.cat-intro .intro p{color:#fff}.cat-intro .intro .idx-social span{text-shadow:2px 2px 4px #000}.cat-intro .intro .description{color:#fff;font-size:1rem}.all-posts{padding:2.5rem 0}.all-posts .paginate-links{margin-top:2rem}.page-subtitle span{margin-right:0.5rem}.page-subtitle span i{margin-right:-0.25rem}.page-subtitle a{color:inherit}.page-subtitle a:hover{text-decoration:none;border-bottom:4px solid}.blog-content p{margin-bottom:1rem}.blog-content h2,.blog-content h3{margin-bottom:1rem}.blog-content h2{margin-top:2rem}.blog-content p+h2{margin-top:2rem !important}.blog-content h2{font-size:140%;font-weight:bold;color:#444}.blog-content h2:before{content:"# ";color:#6293ca;font-size:110%}@media (min-width: 992px){.blog-content h2:before{margin-left:-1.8rem}}.blog-content h2+h3{margin-top:0}.blog-content h3{font-size:125%;color:#444;font-weight:bold;margin-top:1.5rem}.blog-content h3:before{content:"## ";color:#d87638;font-size:90%}@media (min-width: 992px){.blog-content h3:before{margin-left:-2.4rem}}.blog-content a{text-decoration:none;color:#236eb1;font-weight:inherit}.blog-content a:hover{text-decoration:none;color:#c7164c}.blog-content b,.blog-content strong{font-weight:bold}.blog-content ul,.blog-content ol{margin-bottom:1rem}.blog-content ul li,.blog-content ol li{margin-bottom:6px}.blog-content ul li ul,.blog-content ul li ol,.blog-content ol li ul,.blog-content ol li ol{margin-top:6px;margin-bottom:0}.blog-content li>ul{padding-left:20px}.blog-content .wp-block-quote{border-left:4px solid #444;padding-left:1em;margin-bottom:1rem}.blog-content .wp-block-quote p{margin-bottom:0.5rem}.blog-content .wp-block-quote cite{font-size:0.9rem;color:#666}.blog-content .wp-block-quote cite:before{content:"- "}.blog-content .wp-block-pullquote{margin-bottom:1rem;border-top:4px solid #555d66;border-bottom:4px solid #555d66;color:#333;padding:2rem 15px}@media (min-width: 992px){.blog-content .wp-block-pullquote{padding:1rem 0}}.blog-content .wp-block-pullquote blockquote{margin-bottom:0}.blog-content .wp-block-pullquote blockquote p{font-size:110%;line-height:1.4}.blog-content .wp-block-pullquote blockquote p:last-of-type{margin-bottom:0}.blog-content .wp-block-pullquote blockquote cite{font-size:1rem;color:#666}.blog-content .wp-block-pullquote blockquote cite:before{content:"- "}.blog-content .wp-block-pullquote blockquote cite:after{content:" -"}.blog-content table{margin-bottom:1rem}.blog-content .wp-block-code{margin-bottom:1rem;max-height:400px;overflow:auto}.blog-content p>code,.blog-content li>code,.blog-content .alert code{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#eaeaea;overflow-wrap:break-word;word-wrap:break-word;padding:2px 4px;border-radius:.2rem;color:#da4596;font-size:90%}.blog-content .toolbar span,.blog-content .toolbar a{padding:2px 5px !important;border-radius:3px !important;margin-right:5px;border-bottom:initial}.blog-content .toolbar span:hover{color:#bbb !important}.blog-content .toolbar a:hover{color:#ff0 !important;border-bottom:initial !important}.blog-content .code-toolbar{margin-bottom:1rem}.blog-content .wp-block-embed-facebook .wp-block-embed__wrapper:before{padding-top:0}.blog-content .wp-block-embed-facebook .fb_iframe_widget{width:100%}.blog-content .wp-block-embed-facebook .fb_iframe_widget span{width:100% !important}.blog-content .wp-block-embed-facebook .fb_iframe_widget iframe{width:100% !important}.blog-content .wp-block-columns{align-items:center;margin-bottom:1.5rem}.blog-content .wp-block-columns.align-top{align-items:flex-start}.blog-content .wp-block-columns.align-bottom{align-items:flex-end}@media (min-width: 768px){.blog-content .wp-block-columns{flex-wrap:nowrap}}@media (max-width: 767px){.blog-content .wp-block-columns{border:1px solid #ddd}.blog-content .wp-block-columns.alignwide{margin-left:0;margin-right:0}}.blog-content .wp-block-columns .wp-block-column{padding:0 15px 0 0;margin-bottom:0}.blog-content .wp-block-columns .wp-block-column:not(:last-child){margin-right:0}.blog-content .wp-block-columns .wp-block-column:not(:first-child){margin-left:0}@media (max-width: 767px){.blog-content .wp-block-columns .wp-block-column{flex-basis:auto;width:100%;margin-left:0;padding-top:15px;padding-left:15px}.blog-content .wp-block-columns .wp-block-column:last-child{padding-bottom:15px}}@media (min-width: 768px){.blog-content .wp-block-columns .wp-block-column:last-child{padding-right:0}}.blog-content .wp-block-columns .wp-block-column p:last-of-type{margin-bottom:0}.blog-content .wp-block-columns .wp-block-column .code-toolbar{margin-bottom:0}.blog-content .wp-block-columns .wp-block-image{margin-bottom:0;margin-top:0}.blog-content .wp-block-columns .wp-block-code{margin-bottom:0}.blog-content .wp-block-columns .wp-block-code+p{margin-top:1rem}.blog-content .wp-block-table{margin-bottom:1rem;margin-top:1.5rem;width:100%}@media (max-width: 991px){.blog-content .wp-block-table.alignwide{margin-left:0;margin-right:0}}@media (min-width: 992px) and (max-width: 1199px){.blog-content .wp-block-table.alignwide{width:calc(100% + 100px)}}.blog-content .wp-block-table.alignfull{width:100%}.blog-content .wp-block-table td,.blog-content .wp-block-table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.blog-content .author-box{background-color:#fbf9ea;border:1px solid #e4deb5;color:#444;box-shadow:8px 14px 38px rgba(39,44,49,0.06),1px 3px 8px rgba(39,44,49,0.03);border-radius:5px;padding:3%;margin-bottom:2rem;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:distribute;justify-content:space-around;align-items:center}.blog-content .author-box .author-avatar{-ms-flex:1 0 0px;flex:1 0 0}.blog-content .author-box .author-avatar img{width:100%;height:100%;border-radius:50%}.blog-content .author-box .author-info{padding:0 15px;-ms-flex:3 0 0px;flex:4 0 0}.blog-content .author-box .author-info .author-name{font-weight:bold;color:#3d73bb;font-size:110%;text-transform:capitalize}.blog-content .author-box .author-info .author-role{opacity:0.8;font-size:90%;font-style:italic}.blog-content .author-box .author-info .author-description{margin-top:0.5rem;border-top:1px solid #ddd;padding-top:0.5rem;font-size:90%}.blog-content .author-box .author-info .author-more{font-size:90%;margin-top:0.5rem;border-top:1px solid #ddd;padding-top:0.5rem}.blog-content .author-box .author-info .author-more a{border-bottom:0;box-shadow:none;margin-right:10px;opacity:0.8}.blog-content .author-box .author-info .author-more a:hover{color:#2c926e;opacity:1}.blog-content .author-box .author-info .author-more a.author-post{color:#bf3378}.blog-content .author-box .author-info .author-more a.author-post:hover{color:#2c926e}@media (max-width: 991px){.blog-content .author-box .author-info .author-name{font-size:1.3rem}.blog-content .author-box .author-info .author-role,.blog-content .author-box .author-info .author-more{font-size:0.9rem}.blog-content .author-box .author-info .author-description{font-size:0.95rem}}@media (max-width: 575px){.blog-content .author-box.alignwide{margin-left:0;margin-right:0}}@media (min-width: 576px) and (max-width: 767px){.blog-content .author-box.alignwide{margin-left:calc(-100vw / 2 + 540px / 2);margin-right:calc(-100vw / 2 + 540px / 2)}}@media (min-width: 768px) and (max-width: 991px){.blog-content .author-box.alignwide{margin-left:calc(-100vw / 2 + 720px / 2);margin-right:calc(-100vw / 2 + 720px / 2)}}@media (min-width: 992px) and (max-width: 1199px){.blog-content .author-box.alignwide{margin-left:calc(-100vw / 2 + 800px / 2);margin-right:calc(-100vw / 2 + 800px / 2)}}@media (max-width: 575px){.blog-content .author-box .author-avatar{flex:auto;max-width:180px}.blog-content .author-box .author-info{flex:auto;text-align:center;margin-top:1rem}}.related-post{margin-bottom:2rem;padding:0 15px}.related-post .sec-title-middle{margin-top:0 !important}.related-post .new-title{font-size:1.9rem !important;color:#666}@media (max-width: 577px){.related-post .new-title{font-size:1.5rem !important}}@media (min-width: 992px){.related-post .layout-photo-title .item{margin-bottom:0}}.comment-section{margin-bottom:2rem}.comment-section #show-comments{font-size:1rem;padding:0.3rem}.comment-section .btn{border-radius:100px}.sharing-buttons{margin-bottom:2rem}.sharing-buttons .flex-fill{padding:0 5px}.sharing-buttons .item{background:#272c30;color:#fff;text-align:center;padding:10px 15px;line-height:1;border-radius:100px;font-size:0.9rem}.sharing-buttons .item:hover{background:#0d519a}.sharing-buttons .item svg{margin-right:5px}div.extra-info{margin-top:1rem}.tags{text-align:center;margin-bottom:calc(1.5rem - 10px)}.tags a{border:1px solid #ddd;padding:2px 5px;font-size:0.8rem;background:#eee;color:#777;display:inline-block;margin-right:3px;margin-bottom:10px;border-radius:2px}.tags a:hover{text-decoration:none;color:#444}@media (min-width: 768px){.MathJax_SVG_Display{overflow:hidden !important}}.gioi-thieu{padding:1rem 0 7rem 0}@media (max-width: 767px){.gioi-thieu{padding:0}}.section{margin-bottom:2rem}.style-2-3{background-image:linear-gradient(to bottom, #313542,#424a65,#4b6189,#476c9f,#3d78b5);border-top:1px solid #5d5d5d}.style-2-3 .item{background:#fff;border:#ddd solid 1px;border-radius:7px;transition:transform .2s;padding:1.5rem;text-align:center;margin:1rem 0}.style-2-3 .item:hover{transform:scale(1.03);box-shadow:0 0 3px 2px #e3e3e3}.style-2-3 .item:hover .post-cat{color:#366494}.style-2-3 .post-image{font-size:2.5rem}.style-2-3 .post-cat{font-size:1.2em;font-weight:700;margin-bottom:0.5rem}.style-2-3 .post-intro{text-align:center;font-size:0.9rem}.style-2-3 .container{padding:1rem 0}@media (min-width: 768px){.style-2-3 .container{position:relative;top:-3rem;padding:0;height:600px}}@media (min-width: 992px){.style-2-3 .container{height:500px}}@media (max-width: 768px){.style-2-3 .container>.row{margin-left:0;margin-right:0}}.community{padding:2rem 1rem 0 1rem}@media (max-width: 575px){.community .des{text-align:center;margin-bottom:1rem}}.community .des p{font-size:0.95rem}.community h2{font-size:1.4rem;color:#e4556e;font-weight:600;margin-bottom:0.5rem}.community a{font-weight:bold;color:#2173cc}.community a:hover{text-decoration:none;color:#007bff}.community .photo img{width:100%;height:100%}#contact .title{text-align:center;margin-bottom:0.5rem;color:#4a7edc;font-size:1.5rem;font-weight:600}#contact .email{text-align:center}#contact .email a{font-size:1rem;color:#333}#contact .email a:hover{color:#000;text-decoration:none}.header-page{padding:2.5rem 1rem}.page-title{text-align:center;color:#fff;font-size:1.8rem;text-shadow:2px 2px 4px #000;font-weight:bold;line-height:1.4}.page-subtitle{color:#c6efde;text-align:center;font-size:0.95rem;padding-top:0.25rem;line-height:1.5}@media (max-width: 575px){.page-subtitle{font-size:1rem}}.author-avatar{margin:0 auto 1rem auto;text-align:center;width:120px;overflow:hidden}.author-avatar img{width:100%;height:100%;border-radius:50%}.bg-bluegreen{background-image:linear-gradient(360deg, #01a99c 10%,#0698b1 90%)}h2.search-title{font-weight:700;font-size:1.25rem;border-bottom:2px solid #bbb;padding-bottom:0.5rem;margin-bottom:1rem}h2.search-title .default_query{color:#FA5B0F}h2.search-title .keyword_quey{color:#0094CC}.result-list .item{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid #ddd;padding:1rem 0}.result-list .item:last-child{border-bottom:none}.result-list .item:first-child{padding-top:0}.result-list .item .meta{font-size:0.7rem}.result-list .item .meta a{text-transform:uppercase;font-weight:600;font-size:0.6rem}.result-list .item .meta a:hover{text-decoration:none;color:#FA5B0F}.result-list .item .meta .dot{font-size:1.2rem;color:#bbb}.result-list .item .title{font-size:1.1rem;font-weight:600;margin:5px 0}.result-list .item .excerpt{color:#525252;font-size:0.85rem}.result-list .item a.title-excerpt{text-decoration:none}.result-list .item a.title-excerpt .title{color:#222}.result-list .item a.title-excerpt:hover .title{color:#FA5B0F}.result-list .item a.title-excerpt:hover .excerpt{color:#111}.result-list .item .content{width:calc(100% - 200px);padding-right:15px}.result-list .item .photo{width:200px;overflow:hidden;border-radius:5px}.result-list .item .photo img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.result-list .item:hover .photo img{transform:scale(1.1)}@media (max-width: 799px){.result-list .item .content{padding-right:0;width:100%}.result-list .item .photo{display:none}}.div-404{padding:2rem 0;color:#fff}.div-404 .icon-404{font-family:'Righteous', cursive;margin:0 auto;font-size:4rem;font-weight:800;text-align:center}.div-404 .icon-404 .icon-math2it{font-size:5rem;color:#f15f5f;margin-left:-1.5rem;margin-right:-1.5rem;vertical-align:middle;display:inline-block;transition:transform .4s}.div-404 .icon-404:hover .icon-math2it{transform:rotate(-14deg)}@media (max-width: 350px){.div-404 .icon-404{font-size:5rem}.div-404 .icon-404 .icon-math2it{font-size:7rem}}.div-404 .title-404{color:#fdfb82;text-align:center;font-weight:bold;font-size:1.8rem}.div-404 p{font-size:1rem;margin-top:1rem;text-align:center}.div-404 p strong{color:#77ff4e}.style-1-2{border-radius:8px;background:#fff;margin-bottom:1rem;width:100%;overflow:hidden;box-shadow:8px 14px 38px rgba(39,44,49,0.06),1px 3px 8px rgba(39,44,49,0.03);transition:box-shadow 150ms ease;-webkit-transition:box-shadow 150ms ease}.style-1-2:hover{box-shadow:0 10px 30px -5px rgba(10,16,34,0.2)}.style-1-2:hover .featured-image{border-radius:8px 8px 0 0}.style-1-2:hover .featured-image img{transform:scale(1.1);border-radius:8px 8px 0 0}.style-1-2:hover .post-title{color:#c7164c}.style-1-2:hover .post-intro{color:#111}.style-1-2 .featured-image{height:200px;overflow:hidden;margin-bottom:5px}.style-1-2 .featured-image img{border-radius:8px 8px 0 0;width:100%;height:100%;object-fit:cover;transition:transform .2s}.style-1-2 .post-title{text-align:center;font-size:1.1rem;font-weight:bold;line-height:1.4;color:#444;padding:1rem 0.75rem 0.5rem 0.75rem}.style-1-2 .post-meta{text-align:center;font-size:0.8rem}.style-1-2 .post-meta .date{margin-right:10px}.style-1-2 .post-meta i{margin-right:-5px}.style-1-2 .post-intro{font-size:0.9rem;color:#444;text-align:center;padding:1rem}.style-1-4{border-radius:8px;color:#333;display:grid;align-items:center;background:#fff;margin-bottom:1rem;width:100%;overflow:hidden;box-shadow:8px 14px 38px rgba(39,44,49,0.06),1px 3px 8px rgba(39,44,49,0.03)}.style-1-4:hover{box-shadow:0 0 6px 4px #e3e3e3}.style-1-4:hover .featured-image{border-radius:8px 8px 0 0}.style-1-4:hover .featured-image img{transform:scale(1.1);border-radius:8px 8px 0 0}.style-1-4:hover .post-title{color:#366494}.style-1-4 a{height:100%}.style-1-4 .featured-image{height:100px;overflow:hidden;margin-bottom:5px}.style-1-4 .featured-image img{border-radius:8px 8px 0 0;width:100%;height:100%;object-fit:cover;transition:transform .2s}.style-1-4 .post-title{font-size:0.93rem;font-weight:700;text-align:center;padding:0.5rem 0.5rem 0.5rem 0.5rem;color:#333;line-height:1.3}.style-1-4 .post-meta{margin-left:auto;margin-right:auto;font-size:0.75rem;text-align:center;opacity:0.8;padding:0 0.5rem 0.5rem 0.5rem}.style-1-4 .post-meta span{display:block}.layout-book .item{margin-top:1rem}.layout-book .item:hover .book-cover img{transform:scale(1.03)}.layout-book .item .book-cover{position:relative;text-align:center;z-index:2}.layout-book .item .book-cover img{margin:0 auto;position:relative;height:100%;width:100%;box-shadow:0 12px 8px -8px #828282;border:2px solid #eee;transition:transform .2s;-webkit-transition:transform .2s}.layout-book .item .book-shelf{background:#ddd;height:30px;margin-bottom:0.5rem;margin-top:-18px;transform:skewX(-30deg);z-index:1}.layout-book .item .book-title{text-align:center;font-weight:bold;font-size:0.95rem;line-height:1.4;margin-bottom:5px;color:#333}.layout-book .item .book-author{text-align:center;font-size:0.8rem;color:#666}.layout-book .item:hover .book-title{color:#c7164c}.layout-book .item:hover .book-author{color:#000}.sec-cat{padding:1rem 0 3rem 0;border-top:1px solid #eee}.list-of-post .col-xl-10{padding-left:0;padding-right:0}a.no-a-effect{text-decoration:none;color:inherit}.sec-title{margin-bottom:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:flex-end}.sec-title a:hover{text-decoration:none}.sec-title .new-title{font-weight:800;margin-bottom:0}.sec-title .new-title a{color:inherit}.sec-title .new-title a:hover{filter:brightness(110%)}.sec-title .view-all{font-style:italic;opacity:0.8;letter-spacing:2px;line-height:2;color:#111;font-weight:bold;font-size:0.9rem}.sec-title .view-all:hover{opacity:1}@media (max-width: 500px){.sec-title .view-all{font-size:0.95rem}}@media (max-width: 400px){.sec-title .view-all{font-size:0.9rem}}.sec-title-big .new-title{font-size:1.6rem}.sec-title-big .new-title i{font-size:2.4rem;padding-top:calc(1rem + 3px);padding-left:5px;padding-right:5px;padding-bottom:5px;border-radius:0 0 7px 7px;color:#fff}.sec-title-small .new-title{font-size:1.6rem}.sec-title-small .new-title i{font-size:2rem;padding:0;border:none;color:inherit}.sec-title-middle{margin-bottom:1rem;margin-top:2rem;text-align:center}.sec-title-middle a{font-style:italic;color:inherit;font-style:inherit}.sec-title-middle a:hover{text-decoration:none}.sec-title-middle .new-title{background:#fff;display:inline-block;font-weight:bold;font-size:1.6rem;padding:0 1rem}.sec-title-middle .new-title i{display:none}.sec-title-middle .new-title+div{border-top:4px solid #ccc;margin-top:-1.8rem;margin-bottom:1.2rem;margin-left:auto;margin-right:auto}@media (min-width: 768px){.sec-title-middle .new-title+div{width:70%}}.sec-title-middle .view-all{display:block;letter-spacing:2px;color:#999;font-weight:bold;font-style:italic;font-size:0.9rem}.sec-title-middle .view-all:hover{color:#222}@media (max-width: 500px){.sec-title-middle .view-all{font-size:0.95rem}}@media (max-width: 400px){.sec-title-middle .view-all{font-size:0.9rem}}.sec-choice{background:#fffef1;padding:2rem 0 1rem 0}.sec-choice .new-title{color:#e4a200}.layout-photo-behind .item{background-size:cover;min-height:150px;border-radius:10px;margin-bottom:15px}.layout-photo-behind .item:before{display:block;content:"";position:absolute;top:0;right:15px;bottom:0;left:15px;border-radius:10px;margin-bottom:15px;background-image:linear-gradient(to top, #020914,rgba(23,23,23,0.8),rgba(70,70,70,0.31),rgba(186,186,189,0.08),rgba(255,255,255,0));opacity:0.8}.layout-photo-behind .item:hover::before{opacity:1}.layout-photo-behind .item .item-content{padding:15px 10px;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.layout-photo-behind .item .item-content .book-title{color:#fff;text-align:center;font-size:0.93rem;text-shadow:2px 2px 4px #000;line-height:1.2;flex-grow:1;position:relative;display:block}.layout-photo-behind .item .item-content .item-footer{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:end;align-items:flex-end}.layout-photo-intro .item{background:#fff;box-shadow:8px 14px 38px rgba(39,44,49,0.06),1px 3px 8px rgba(39,44,49,0.03);transition:all .5s ease;border-radius:10px;margin-bottom:1.5rem;border:1px solid #eee;width:100%}.layout-photo-intro .item:hover{box-shadow:8px 28px 50px rgba(39,44,49,0.07),1px 6px 12px rgba(39,44,49,0.04)}.layout-photo-intro .item:hover .post-image img{transform:scale(1.1)}.layout-photo-intro .item:hover .post-excerpt{opacity:1}.layout-photo-intro .item:hover .post-title{color:#c7164c}.layout-photo-intro .item:hover .post-date{color:#111}.layout-photo-intro .post-image{height:150px;overflow:hidden}.layout-photo-intro .post-image img{width:100%;height:100%;object-fit:cover;border-radius:10px 10px 0 0;transition:transform .2s}.layout-photo-intro .post-cat{padding:3px 5px;color:#fff;text-align:center;font-size:0.95rem}.layout-photo-intro .post-cat:hover{filter:brightness(110%)}.layout-photo-intro .post-title{line-height:1.4;padding:10px 10px 5px 10px;text-align:center;font-size:1.1rem;margin:0.5rem 0 0 0}.layout-photo-intro .post-date{font-size:0.8rem;color:#666;text-align:center;margin-bottom:1rem}.layout-photo-intro .post-excerpt{font-size:0.9rem;text-align:center;opacity:0.8;padding:0 15px 15px 15px;display:none}.layout-photo-title .item{margin-bottom:2rem;width:100%;transition:all .5s ease}@media (max-width: 991px){.layout-photo-title .item{margin-bottom:1rem}}.layout-photo-title .item:hover .post-image{border-radius:7px}.layout-photo-title .item:hover .post-image img{transform:scale(1.1)}.layout-photo-title .item:hover .post-title{color:#c7164c}.layout-photo-title div.thumb-cat{border-radius:7px;overflow:hidden}.layout-photo-title .post-image{height:100px;overflow:hidden}.layout-photo-title .post-image img{width:100%;height:100%;object-fit:cover;border-radius:7px;transition:transform .2s}.layout-photo-title .post-cat{padding:3px 5px;color:#fff;text-align:center;font-size:0.85rem}.layout-photo-title .post-cat:hover{filter:brightness(110%)}.layout-photo-title .post-title{line-height:1.4;padding:10px 10px 5px 10px;text-align:center;font-size:0.93rem;font-weight:600;color:#333}.layout-photo-title .post-date{text-align:center;opacity:0.8;font-size:0.75rem}@media (max-width: 767px){.layout-tool{padding:0 20px}}.layout-tool .item{border-bottom:1px solid #ddd;padding:1.5rem 0}.layout-tool .item:hover h2{color:#FA5B0F}.layout-tool .item:hover .photo img{transform:scale(1.1)}.layout-tool .item:last-child{margin-bottom:0;border-bottom:none}.layout-tool .description h2{color:#444;font-size:1.2rem;font-weight:600}.layout-tool .photo{overflow:hidden}.layout-tool .photo img{width:100%;height:100%;object-fit:cover;transition:transform .2s}@media (max-width: 767px){.layout-tool .photo{margin-bottom:1rem}}.layout-tool .intro{padding:6px 0;color:#333;font-size:0.9rem;margin-bottom:5px}.label{margin-bottom:5px;display:inline-block;border-color:#fafafa;background-color:#fafafa;font-size:10px;padding:4px 6px 3px 6px;position:relative;line-height:16px;font-weight:400;color:#777;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.11);border-radius:3px}.label.home-page{color:#1a67ad}.label.home-page:hover{text-decoration:none;background-color:#edf6ff;box-shadow:inset 0 0 0 1px #4279ab26;border-color:#4279ab}.label:hover{text-decoration:none}.label.share{color:#fff;background:#4785da}.label.share:hover{background:#3c71b9}.label.more{color:#fff;font-weight:600;background:#f17f7f}.label.more:hover{background:#e04c4c}.pricing-free{color:#248a6b;font-weight:bold}.pricing-paid{color:#c3532e;font-weight:bold}.pricing-trial{color:#b99919;font-weight:bold}.post-tool{padding:3rem 0;position:relative;background:no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}.post-tool:before{display:block;content:"";position:absolute;background-color:#000;top:0;left:0;right:0;bottom:0;opacity:0.5}.post-tool .label.platform{color:#404040;font-weight:600}.related-post-tool{margin-bottom:2rem}.contact-form .contact-form button{border-radius:20px;border:transparent;padding:5px 20px;background:#2bacaf;font-weight:bold;color:#fff;font-size:1.3rem}.contact-form .contact-form button:hover{background:#2ea4a7}.contact-form .contact-form input{display:block;width:100%;border-width:0 0 1.5px 0;border-color:#999;text-align:center;padding:10px;background:transparent;color:#444}.contact-form .contact-form input::placeholder{color:#888}.contact-form .contact-form button{text-align:center;cursor:pointer}.contact-form .contact-form input:focus,.contact-form textarea:focus{outline:none}.contact-form .textarea-container{position:relative}.contact-form textarea,.contact-form .textarea-size{box-sizing:border-box;border-width:0 0 1.5px 0;border-color:#999;overflow:hidden;width:100%;padding:10px;min-height:50px;background:transparent;color:#5d5c5c}.contact-form textarea{height:100%;position:absolute;resize:none;white-space:normal;margin-left:-15px !important}.contact-form textarea::placeholder{color:#888;text-align:center}.contact-form .textarea-size{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.contact-form #contact-submit{display:none}.jxgbox{position:relative;overflow:hidden;background-color:#ffffff;border:none;-ms-touch-action:none}.jxgbox svg text{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.JXGtext{font-family:Courier, monospace;background-color:transparent;padding:0;margin:0}.JXGinfobox{border-style:none;border-width:1px;border-color:black}@media (max-width: 575px){.hide-on-xs{display:none}}.section-border-bottom{border-bottom:1px solid #dedede}.row-eq-height>[class*=col-]{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}span.easy-footnote a{font-weight:bold;color:#f54c14;border-bottom:none;box-shadow:none}span.easy-footnote a:hover{border-bottom:none;box-shadow:none}.easy-footnote-title h4{margin-bottom:.5rem;font-size:1.8rem;font-weight:bold;color:#444;margin-top:2rem}.easy-footnote-title h4:before{content:"# ";color:#6293ca}@media (min-width: 992px){.easy-footnote-title h4:before{margin-left:-1.8rem}}@media (max-width: 1199px){.easy-footnote-title h4{font-size:1.65rem}}.easy-footnote-title h4+h3{margin-top:0}nav[data-toggle="toc"] .nav>li>a{display:block;padding:3px 12px;font-size:75%;font-weight:500;color:#767676;line-height:1.3}nav[data-toggle="toc"] .nav-link+ul{display:none;padding-bottom:5px}nav[data-toggle="toc"] .nav .nav>li>a{padding-top:1px;padding-bottom:1px;padding-left:30px;font-size:12px;font-weight:normal}nav[data-toggle="toc"] .nav .nav>li>.active,nav[data-toggle="toc"] .nav .nav>li>.active:hover,nav[data-toggle="toc"] .nav .nav>li>.active:focus{font-weight:500}nav[data-toggle="toc"] .nav .nav>li>.active:before,nav[data-toggle="toc"] .nav .nav>li>.active:hover:before,nav[data-toggle="toc"] .nav .nav>li>.active:focus:before{top:2px}nav[data-toggle="toc"] .nav-link.active+ul{display:block}nav[data-toggle="toc"] li{position:relative;margin:2px 0}nav[data-toggle="toc"] li:hover>a{color:#1e88e5 !important}nav[data-toggle="toc"] li:hover>a:before{content:'';left:-3px;top:4px;background:#dbdbdb;position:absolute;width:5px;height:12px}nav[data-toggle="toc"] .nav-link.active{color:#1976d2;font-weight:bold}nav[data-toggle="toc"] .nav-link.active:before{content:'';left:-3px;top:4px;position:absolute;width:5px;height:12px;background:#1976d2}.ghostkit-alert{margin-bottom:1rem;align-items:center}.ghostkit-alert .ghostkit-alert-icon{font-size:1.5rem !important;padding-right:1em}.ghostkit-carousel{margin-bottom:1rem}.ghostkit-carousel .swiper-wrapper{align-items:center}.ghostkit-accordion{margin-bottom:1rem}.ghostkit-accordion .ghostkit-accordion-item{border-bottom:1px solid #ddd}.ghostkit-accordion .ghostkit-accordion-item a:hover{border-bottom:none;box-shadow:none}.ghostkit-accordion .ghostkit-accordion-item a:hover .ghostkit-accordion-item-collapse{color:#3168cc}.ghostkit-accordion .ghostkit-accordion-item .ghostkit-accordion-item-content{opacity:0.85;font-size:1rem;padding:0.75em}.ghostkit-accordion .ghostkit-accordion-item .ghostkit-accordion-item-collapse{font-size:inherit}.ghostkit-tabs{margin-bottom:1rem}.ghostkit-tabs a{box-shadow:none}.ghostkit-tabs a:hover{border-bottom:none;box-shadow:none}.ghostkit-tabs .ghostkit-tabs-buttons{border-color:#477cb1}.ghostkit-tabs .ghostkit-tabs-buttons .ghostkit-tabs-buttons-item:hover{border-bottom-color:inherit}.ghostkit-tabs .ghostkit-tabs-buttons .ghostkit-tabs-buttons-item-active{border-color:#477cb1 !important;border-bottom:none}.ghostkit-tabs .ghostkit-tabs-content{padding-left:0.75em;padding-right:0.75em;font-size:1rem;opacity:0.85}.ghostkit-progress{margin-bottom:1rem}.ghostkit-progress .ghostkit-progress-caption{font-size:inherit}.ghostkit-progress .ghostkit-progress-bar-count div{font-size:1rem !important}.ghostkit-progress .ghostkit-progress-wrap{height:40px !important;background-color:#e8e8e8 !important}.ghostkit-progress .ghostkit-progress-wrap .ghostkit-progress-bar{height:100% !important}.ghostkit-counter-box{margin-bottom:1rem}.ghostkit-counter-box .ghostkit-counter-box-content p{margin-bottom:0}.ghostkit-gist{margin-bottom:1rem}.ghostkit-gist .gist-data{padding:15px 0}.ghostkit-button-wrapper{margin-bottom:1rem}span.ghostkit-button-text{color:#fff}.ghostkit-button-icon{color:#fff !important}.ghostkit-icon-box{background:#f9f9f9;border-radius:5px;margin-bottom:1rem;padding:0.75rem 1rem}.ghostkit-icon-box .ghostkit-icon-box-icon{font-size:22px !important}.ab-block-accordion{margin-bottom:1rem;border:1px solid #ddd}.ab-block-accordion .ab-accordion-title{padding:10px}.ab-block-accordion .ab-accordion-text{padding:1rem}.ab-block-accordion .ab-accordion-text a{-webkit-box-shadow:none;box-shadow:none;color:#236eb1}.ab-block-accordion .ab-accordion-text a:hover{-webkit-box-shadow:none;box-shadow:none;color:#c7164c}.ab-block-accordion .ab-accordion-text p{font-size:1.05rem !important}.ab-notice-text p,.ab-notice-title p{font-size:1.05rem !important}.ab-notice-text p a,.ab-notice-title p a{color:#236eb1 !important;text-decoration:none !important;box-shadow:none !important;-webkit-box-shadow:none !important}.ab-notice-text p a:hover,.ab-notice-title p a:hover{color:#c7164c !important;text-decoration:none !important}.ab-block-accordion+.ab-block-accordion{margin-top:1.5rem}.wp-block-simple-alerts-for-gutenberg-alert-boxes{margin-bottom:1rem;padding:1rem}.wp-block-simple-alerts-for-gutenberg-alert-boxes p,.wp-block-simple-alerts-for-gutenberg-alert-boxes ul,.wp-block-simple-alerts-for-gutenberg-alert-boxes ol{margin-bottom:.5rem}.wp-block-simple-alerts-for-gutenberg-alert-boxes p:last-of-type{margin-bottom:0}.wp-block-simple-alerts-for-gutenberg-alert-boxes p:last-of-type+ul,.wp-block-simple-alerts-for-gutenberg-alert-boxes p:last-of-type+ol{margin-top:1rem !important}.wp-block-simple-alerts-for-gutenberg-alert-boxes ol:last-of-type,.wp-block-simple-alerts-for-gutenberg-alert-boxes ul:last-of-type{margin-bottom:0}.wp-block-simple-alerts-for-gutenberg-alert-boxes ol:last-of-type+p,.wp-block-simple-alerts-for-gutenberg-alert-boxes ul:last-of-type+p{margin-top:.5rem}.wp-block-simple-alerts-for-gutenberg-alert-boxes p+ul,.wp-block-simple-alerts-for-gutenberg-alert-boxes p+ol{margin-top:-1rem}.subscribe-bar{background:#e8e8e8;padding:7px 10px;border-bottom:1px solid #ddd}@media (max-width: 500px){.subscribe-bar{padding-bottom:15px}}.subscribe-bar .form .newsletter-text{font-size:0.9rem}@media (min-width: 576px){.subscribe-bar .form{display:flex;justify-content:center;align-items:center}.subscribe-bar .form .newsletter-text{margin-right:10px}.subscribe-bar .form input.email{width:calc(55% - 40px)}.subscribe-bar .form input.name{width:45%}}@media (max-width: 576px){.subscribe-bar .form{text-align:center}.subscribe-bar .form .newsletter-text{margin-bottom:5px}.subscribe-bar .form .newsletter-form input.email{width:calc(100% - 38px)}.subscribe-bar .form .newsletter-form input.name{width:100%;margin-bottom:5px}.subscribe-bar .form .newsletter-form input.submit{width:33px}}.subscribe-bar .form .newsletter-form input.email{border-radius:5px;border:1px solid #e0dfdf;padding:5px 10px;font-size:0.8rem}.subscribe-bar .form .newsletter-form input.name{border-radius:5px;border:1px solid #e0dfdf;padding:5px 10px;font-size:0.8rem}.subscribe-bar .form .newsletter-form input.submit{border-radius:5px;padding:4px 5px;font-size:0.8rem;border:0;font-weight:bold;color:#fff;background:#999}.subscribe-bar .form .newsletter-form input.submit:hover{cursor:pointer;background:#777}.newsletter{border:1px solid #ddd;background:#eee;padding:1.5rem;border-radius:10px;align-items:center;margin:2rem 0}@media (max-width: 570px){.newsletter{padding:1rem 0.5rem}}@media (min-width: 576px){.newsletter{display:flex;display:-ms-flexbox}}.newsletter .photo{max-width:180px;margin-left:auto;margin-right:auto}@media (min-width: 768px){.newsletter .photo{max-width:250px}}.newsletter .photo img{width:100%;height:100%}.newsletter .form{flex:1;text-align:center;padding:1rem}.newsletter .form .newsletter-text{font-size:1rem;margin-bottom:0.5rem}.newsletter .form .newsletter-form .email{border:0;border-radius:6px;background:#fff;color:#000;font-size:0.9rem;padding:0.5rem;width:calc(60% - 49px);outline:none}@media (max-width: 768px){.newsletter .form .newsletter-form .email{width:calc(100% - 44px)}}.newsletter .form .newsletter-form .name{border:0;border-radius:6px;background:#fff;color:#000;font-size:0.9rem;padding:0.5rem;width:40%;outline:none}@media (max-width: 768px){.newsletter .form .newsletter-form .name{width:100%;margin-bottom:0.5rem}}.newsletter .form .newsletter-form .submit{padding:0.45rem 0.55rem 0.45rem 0.45rem;border-radius:5px 50% 50% 5px;border:0;font-size:0.9rem;background:#2bacaf;color:#fff;font-weight:bold;text-align:center}.tnp-field label{font-size:1.05rem !important}.tnp-subscription div.tnp-field{margin-top:20px}.tnp-subscription input{border-radius:5px !important}.tnp-subscription input.tnp-submit{margin:0 auto !important;padding:7px 10px !important;font-size:1rem !important}