.site-content { margin-top: 80px; margin-bottom: 80px; } #primary { width: 70%; padding-right: 60px; } #secondary { width: 30%; padding-left: 60px; border-left: 1px solid #e9ecef; } .tg-site-layout--default #primary { width: unset; padding: 0; } .tg-site-layout--default #primary .entry-content > .alignfull { width: auto; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } .tg-site-layout--default #primary .entry-content > .alignwide { margin-left: -100px; margin-right: -100px; max-width: unset; } .tg-site-layout--default .content-area { max-width: 760px; margin: 0 auto; } .tg-site-layout--default .hentry { margin: 0 0 10em; } .tg-site-layout--left .site-content .tg-container--flex { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .tg-site-layout--left #primary { padding-right: 0; padding-left: 60px; } .tg-site-layout--left #secondary { padding-left: 0; padding-right: 60px; border-left: 0 none; border-right: 1px solid #e9ecef; } .tg-site-layout--no-sidebar #primary { width: 100%; padding-right: 0; } .tg-site-layout--no-sidebar #primary .entry-content > .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: unset; } .tg-site-layout--no-sidebar #primary .entry-content > .alignfull.wp-block-cover, .tg-site-layout--no-sidebar #primary .entry-content > .alignfull.wp-block-cover-image { width: unset; } .tg-site-layout--no-sidebar #primary .entry-content > .alignwide { margin-left: -100px; margin-right: -100px; max-width: unset; } .wp-block-columns { padding-top: 3em; padding-right: 2em; padding-bottom: 3em; padding-left: 2em; } .wp-block-media-text .wp-block-media-text__content { padding: 0 0 0 8%; } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { padding: 0 8% 0 0; } .widget ul.wp-block-social-links li:last-child { border-bottom: 1px solid #e9ecef; } ul.wp-block-post-template { margin: 0; } @media (max-width: 768px) { .wp-block-group, .wp-block-cover { padding: 2em; } } @media (max-width: 600px) { .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { padding: 0; } .wp-block-media-text .wp-block-media-text__content { padding: 0; } } .zakra-border-radius-img-inside--20 img { border-radius: 20px; } /* Basic Block Editor CSS */ .editor-styles-wrapper { background-color: #ffffff; color: #16181a; font-size: 1rem; font-family: -apple-system, blinkmacsystemfont, "segoe ui", roboto, "oxygen-sans", ubuntu, cantarell, "helvetica neue", helvetica, arial, sans-serif; line-height: 1.8; word-wrap: break-word; } .editor-styles-wrapper > * { font-family: -apple-system, blinkmacsystemfont, "segoe ui", roboto, "oxygen-sans", ubuntu, cantarell, "helvetica neue", helvetica, arial, sans-serif; color: #16181a; } .editor-styles-wrapper .wp-block[data-align="wide"] { max-width: 1200px; } .editor-styles-wrapper .wp-block.editor-post-title__block .editor-post-title__input { margin: 0 0 0.5em; font-size: 2.25rem; word-wrap: break-word; line-height: 1.8; color: #16181a; font-weight: normal; } .wp-block-button__link { background-color: #269bd1; border-radius: 0; color: #fff; padding: 0.7rem 1rem; } .wp-block { max-width: 1160px; } .wc-block-grid__products .wc-block-grid__product { text-align: left; } .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image img { width: 100%; } .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale { min-height: 3.236em; min-width: 3.236em; padding: 0.202em; font-weight: 700; position: absolute; top: 0; right: 0; left: auto; line-height: 3.236; font-size: .9315em; border-radius: 100%; text-transform: capitalize; background: #269bd1; border: 0; color: #fff; margin: -0.5em -0.5em 0 0; } .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title { margin: 0; padding: 0.5em 0; font-size: 1em; } .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price { font-size: .857em; margin-bottom: .5em; font-weight: 400; } .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price ins { font-weight: 700; } .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-add-to-cart { margin-top: 1em; } .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link { border: none; background-color: #269bd1; border-radius: 0; color: #fff; padding: 0.7rem 1rem; text-align: left; } .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link:hover { background-color: #1e7ba6; color: #fff; } .wp-block-cover .block-editor-block-list__layout { margin-left: auto; margin-right: auto; } .wc-block-grid.has-6-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-5-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-4-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-3-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-2-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-1-columns .wc-block-grid__products .wc-block-grid__product.product { font-size: 100%; } /*============================================= = Heading Typography = =============================================*/ .editor-styles-wrapper h1, .editor-styles-wrapper h2, .editor-styles-wrapper h3, .editor-styles-wrapper h4, .editor-styles-wrapper h5, .editor-styles-wrapper h6 { color: #16181a; line-height: 1.3; font-weight: 500; margin: 0 0 20px; } .editor-styles-wrapper h1 { font-size: 2.5rem; } .editor-styles-wrapper h2 { font-size: 2.25rem; } .editor-styles-wrapper h3 { font-size: 1.75rem; } .editor-styles-wrapper h4 { font-size: 1.5rem; } .editor-styles-wrapper h5 { font-size: 1.313rem; } .editor-styles-wrapper h6 { font-size: 1.125rem; } /*============================================= = Base Typography = =============================================*/ .editor-styles-wrapper code { background-color: #f8f9fa; padding: 0.125em 0.25em; } .editor-styles-wrapper pre { background-color: #f8f9fa; padding: 20px; } .editor-styles-wrapper blockquote { padding: 1em; margin: 1.5em 1em 1.5em 2em; border-left: 4px solid #e9ecef; } .editor-styles-wrapper blockquote.has-text-align-right { border: unset; border-left: 4px solid #e9ecef; } /*============================================= = Table = =============================================*/ .editor-styles-wrapper table { margin: 0 0 1.5em; width: 100%; } .editor-styles-wrapper table th, .editor-styles-wrapper table td { text-align: left; border: 1px solid #e9ecef; padding: 1em; } .editor-styles-wrapper hr { background-color: #e9ecef; border: 0; height: 1px; margin-bottom: 1.5em; } /* Make sure embeds and iframes fit their containers */ .editor-styles-wrapper embed, .editor-styles-wrapper iframe, .editor-styles-wrapper object { max-width: 100%; } .editor-styles-wrapper button:not(.components-button):not([role=presentation]):not(.mce-open), .editor-styles-wrapper input[type="button"], .editor-styles-wrapper input[type="reset"], .editor-styles-wrapper input[type="submit"] { border: 0 solid #e9ecef; background-color: #269bd1; color: #fff; padding: 0.7rem 1rem; } .editor-styles-wrapper button:not(.components-button):not([role=presentation]):not(.mce-open), .editor-styles-wrapper input[type="button"]:hover, .editor-styles-wrapper input[type="reset"]:hover, .editor-styles-wrapper input[type="submit"]:hover { background-color: #1e7ba6; } .editor-styles-wrapper input[type="text"], .editor-styles-wrapper input[type="email"], .editor-styles-wrapper input[type="url"], .editor-styles-wrapper input[type="password"], .editor-styles-wrapper input[type="search"], .editor-styles-wrapper input[type="number"], .editor-styles-wrapper input[type="tel"], .editor-styles-wrapper input[type="range"], .editor-styles-wrapper input[type="date"], .editor-styles-wrapper input[type="month"], .editor-styles-wrapper input[type="week"], .editor-styles-wrapper input[type="time"], .editor-styles-wrapper input[type="datetime"], .editor-styles-wrapper input[type="datetime-local"], .editor-styles-wrapper input[type="color"], .editor-styles-wrapper select, .editor-styles-wrapper textarea { color: #16181a; border: 1px solid #dee2e6; padding: 0.7rem 1rem; width: 100%; border-radius: 0; } .editor-styles-wrapper input[type="text"]:focus, .editor-styles-wrapper input[type="email"]:focus, .editor-styles-wrapper input[type="url"]:focus, .editor-styles-wrapper input[type="password"]:focus, .editor-styles-wrapper input[type="search"]:focus, .editor-styles-wrapper input[type="number"]:focus, .editor-styles-wrapper input[type="tel"]:focus, .editor-styles-wrapper input[type="range"]:focus, .editor-styles-wrapper input[type="date"]:focus, .editor-styles-wrapper input[type="month"]:focus, .editor-styles-wrapper input[type="week"]:focus, .editor-styles-wrapper input[type="time"]:focus, .editor-styles-wrapper input[type="datetime"]:focus, .editor-styles-wrapper input[type="datetime-local"]:focus, .editor-styles-wrapper input[type="color"]:focus, .editor-styles-wrapper select:focus, .editor-styles-wrapper textarea:focus { color: #51585f; } .editor-styles-wrapper input[type="search"] { -webkit-appearance: none; } .editor-styles-wrapper input[type="checkbox"], .editor-styles-wrapper input[type="radio"] { margin-right: 0.5rem; vertical-align: middle; display: inline-block; } .editor-styles-wrapper label { margin-bottom: 0.5rem; display: inline-block; } .editor-styles-wrapper select { border: 1px solid #dee2e6; padding: 0.5rem; } /*============================================= = Links = =============================================*/ .editor-styles-wrapper a, .editor-styles-wrapper .wp-block-file__textlink { color: #269bd1; text-decoration: none; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .editor-styles-wrapper a:hover, .editor-styles-wrapper a:focus { color: #1e7ba6; } /*============================================= = Lists = =============================================*/ .editor-styles-wrapper ul, .editor-styles-wrapper ol { margin: 0 0 1.6rem 1.6rem; padding-left: 0; } .editor-styles-wrapper ul { list-style: square; } .editor-styles-wrapper ol { list-style: decimal; } .editor-styles-wrapper li > ul, .editor-styles-wrapper li > ol { margin-bottom: 0; margin-left: 1.6rem; } .editor-styles-wrapper dt { font-weight: 700; } .editor-styles-wrapper dd { margin: 0 1.6rem 1.6rem; } /*============================================= = Alignments = =============================================*/ .editor-styles-wrapper .alignleft { display: inline; float: left; margin-right: 1.5em; } .editor-styles-wrapper .alignright { display: inline; float: right; margin-left: 1.5em; } .editor-styles-wrapper .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*============================================= = Captions = =============================================*/ .editor-styles-wrapper .wp-caption { border: 1px solid #cccccc; margin-bottom: 1.5em; max-width: 100%; } .editor-styles-wrapper .wp-caption img[class*="wp-image-"], .editor-styles-wrapper .wp-caption img[class*="wp-image-"] dt { display: block; margin: 1.2% auto 0; max-width: 98%; } .editor-styles-wrapper .wp-caption .wp-caption-text, .editor-styles-wrapper .wp-caption .wp-caption .wp-caption-dd { margin: 0.8075em 0; } .editor-styles-wrapper .wp-caption-text, .editor-styles-wrapper .wp-caption .wp-caption-dd { text-align: center; } /*============================================= = Gallery = =============================================*/ .editor-styles-wrapper .gallery { margin: 0 auto 1.5em; } .editor-styles-wrapper .gallery-item { display: inline-block; padding: 15px 2%; text-align: center; vertical-align: top; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .editor-styles-wrapper .gallery-icon img { margin: 0 auto; } .editor-styles-wrapper .gallery .gallery-caption { font-size: 12px; line-height: 1.2; padding-top: 5px; } .editor-styles-wrapper .wp-block-gallery ol, .editor-styles-wrapper .wp-block-gallery li { margin-bottom: 1em; } .editor-styles-wrapper .wp-block .gallery-columns-2 .gallery-item { width: 50%; } .editor-styles-wrapper .wp-block .gallery-columns-3 .gallery-item { width: 33.33%; } .editor-styles-wrapper .wp-block .gallery-columns-4 .gallery-item { width: 25%; } .editor-styles-wrapper .wp-block .gallery-columns-5 .gallery-item { width: 20%; } .editor-styles-wrapper .wp-block .gallery-columns-6 .gallery-item { width: 16.66%; } .editor-styles-wrapper .wp-block .gallery-columns-7 .gallery-item { width: 14.28%; } .editor-styles-wrapper .wp-block .gallery-columns-8 .gallery-item { width: 12.5%; } .editor-styles-wrapper .wp-block .gallery-columns-9 .gallery-item { width: 11.11%; } .editor-styles-wrapper .wp-block .gallery-columns-3 .gallery-item { padding: 15px 1%; } .editor-styles-wrapper .wp-block .gallery-columns-4 .gallery-item { padding: 15px 1%; } .editor-styles-wrapper .wp-block .gallery-columns-5 .gallery-item { padding: 15px 1%; } .editor-styles-wrapper .wp-block .gallery-columns-6 .gallery-item { padding: 10px 0.5%; } .editor-styles-wrapper .wp-block .gallery-columns-7 .gallery-item { padding: 10px 0.5%; } .editor-styles-wrapper .wp-block .gallery-columns-8 .gallery-item { padding: 10px 0.5%; } .editor-styles-wrapper .wp-block .gallery-columns-9 .gallery-item { padding: 10px 0.5%; }