diff --git a/assets/sass/elements/_tables.scss b/assets/sass/elements/_tables.scss index 6f4049f..191c775 100644 --- a/assets/sass/elements/_tables.scss +++ b/assets/sass/elements/_tables.scss @@ -1,6 +1,8 @@ table, th, -td { +td, +.wp-block-table th, +.wp-block-table td { border: 1px solid #D1D1D1; } @@ -16,21 +18,27 @@ table { caption, th, -td { +td, +.wp-block-table th, +.wp-block-table td { font-weight: normal; text-align: left; } -th { +th, +.wp-block-table th { border-width: 0 1px 1px 0; font-weight: 700; } -td { +td, +.wp-block-table td { border-width: 0 1px 1px 0; } th, -td { +td, +.wp-block-table th, +.wp-block-table td { padding: 0.4375em; } \ No newline at end of file diff --git a/assets/sass/media/_galleries.scss b/assets/sass/media/_galleries.scss index 0b1724c..2c5e294 100644 --- a/assets/sass/media/_galleries.scss +++ b/assets/sass/media/_galleries.scss @@ -44,3 +44,21 @@ .gallery-caption { display: block; } + +ul.wp-block-gallery { + padding: 0; +} + +.wp-block-gallery ul.blocks-gallery-grid img, +ul.wp-block-gallery img { + margin-bottom: 0; +} + +/* Gutenberg Blocks Layout. +--------------------------------------------------------------*/ +.wp-block-gallery.alignleft, .wp-block-gallery.alignright, .wp-block-gallery.aligncenter, +.wp-block-social-links.alignleft, +.wp-block-social-links.alignright, +.wp-block-social-links.aligncenter { + display: flex; +} diff --git a/assets/sass/navigations/_menus.scss b/assets/sass/navigations/_menus.scss index 212223e..8c0ade2 100644 --- a/assets/sass/navigations/_menus.scss +++ b/assets/sass/navigations/_menus.scss @@ -1073,3 +1073,7 @@ .clients-all-content .bx-next { right: 0; } + +.wp-social-link svg { + color: #ffffff; +} \ No newline at end of file diff --git a/assets/sass/responsive/_large.scss b/assets/sass/responsive/_large.scss index e78af0c..c238a1f 100644 --- a/assets/sass/responsive/_large.scss +++ b/assets/sass/responsive/_large.scss @@ -1,12 +1,22 @@ @media screen and ( max-width: 1200px ) { - .full-width { - .alignwide { + .full-width #primary .entry-content > .alignwide + { margin-left: -10px; margin-right: -10px; } } -} - + +@media screen and (max-width: 1400px) and (min-width: 1200px) { + .full-width #primary .entry-content > .alignwide { + margin-left: -30px; + margin-right: -30px; + } + + .full-width #primary .entry-content > .alignfull { + margin-left: -50px; + margin-right: -50px; + } + } @media screen and ( min-width: 992px ) { /* Make sticky header on desktop */ .header-sticky-desktop { @@ -22,8 +32,6 @@ } } - - @media ( min-width: 768px ) { /* Only make slider full viewport height on larger devices */ @@ -34,4 +42,4 @@ } } } -} +} \ No newline at end of file diff --git a/assets/sass/responsive/_small.scss b/assets/sass/responsive/_small.scss index 4181036..835a415 100644 --- a/assets/sass/responsive/_small.scss +++ b/assets/sass/responsive/_small.scss @@ -143,19 +143,32 @@ @media screen and ( max-width: 600px ) { .full-width { - .alignwide { - margin-left: 0; - margin-right: 0; - } + #primary { + .entry-content { + > .alignwide { + margin-left: 0; + margin-right: 0; + } + } + } &.boxed { - .alignwide { - margin-left: 0; - margin-right: 0; + + .site-content { + overflow: hidden; } + #primary { + + .entry-content { + + > .alignwide { + margin-left: 0; + margin-right: 0; + } + } + } } - } } @media screen and ( max-width: 480px ) { @@ -250,3 +263,4 @@ } } } +} \ No newline at end of file diff --git a/assets/sass/site/primary/_posts.scss b/assets/sass/site/primary/_posts.scss index 6eede3b..fd12c8b 100644 --- a/assets/sass/site/primary/_posts.scss +++ b/assets/sass/site/primary/_posts.scss @@ -420,33 +420,55 @@ = Gutenberg AlignWide = ====================================*/ .full-width { - .alignfull { - margin-left: calc(50% - 49.5vw); - margin-right: calc(50% - 49.5vw); - max-width: unset; + #primary { + .entry-content { - img { - max-width: unset; - } - } + > .alignfull { + margin-left: calc(50% - 50vw); + margin-right: calc(50% - 50vw); + max-width: unset; - .alignwide { + &.wp-block-cover, + &.wp-block-cover-image { + width: unset; + } + } + + > .alignwide { margin-left: -60px; margin-right: -60px; max-width: unset; } - +} + } &.boxed { #content { overflow: hidden; } - .alignwide { - margin-left: -60px; - margin-right: -60px; + #primary { + + .entry-content { + + > .alignfull { + margin-left: -15px; + margin-right: -15px; + + &.wp-block-cover, + &.wp-block-cover-image { + width: unset; + } + } + + > .alignwide { + margin-left: -15px; + margin-right: -15px; + max-width: unset; + } } + } } } -/*===== End of Gutenberg AlignWide ======*/ +/*===== End of Gutenberg AlignWide ======*/ \ No newline at end of file diff --git a/assets/sass/typography/_copy.scss b/assets/sass/typography/_copy.scss index 6c1274c..1c4f987 100644 --- a/assets/sass/typography/_copy.scss +++ b/assets/sass/typography/_copy.scss @@ -10,7 +10,10 @@ p { } -blockquote { +blockquote, +.wp-block-quote, +.wp-block-quote.is-style-large, +.wp-block-quote.has-text-align-right { font-family: georgia, "Times New Roman", cursive; font-size: 16px; border-left: 3px solid $color-gray-lighten; diff --git a/editor-style.css b/editor-style.css index 306b545..a95b483 100644 --- a/editor-style.css +++ b/editor-style.css @@ -285,7 +285,10 @@ p { line-height: 24px; } -blockquote { +blockquote, +.wp-block-quote, +.wp-block-quote.is-style-large, +.wp-block-quote.has-text-align-right { font-family: georgia, "Times New Roman", cursive; font-size: 16px; border-left: 3px solid #E5E4E6; @@ -421,6 +424,24 @@ h6 { display: block; } +ul.wp-block-gallery { + padding: 0; +} + +.wp-block-gallery ul.blocks-gallery-grid img, +ul.wp-block-gallery img { + margin-bottom: 0; +} + +/* Gutenberg Blocks Layout. +--------------------------------------------------------------*/ +.wp-block-gallery.alignleft, .wp-block-gallery.alignright, .wp-block-gallery.aligncenter, +.wp-block-social-links.alignleft, +.wp-block-social-links.alignright, +.wp-block-social-links.aligncenter { + display: flex; +} + /*---------- Media Elements ----------*/ .page-content .wp-smiley, .entry-content .wp-smiley, diff --git a/functions.php b/functions.php index 090de2f..a61759e 100644 --- a/functions.php +++ b/functions.php @@ -106,9 +106,14 @@ function suffice_setup() { */ add_editor_style( array( 'editor-style.css', suffice_fonts_url() ) ); - // Gutenberg layout support. + // Gutenberg wide layout support. add_theme_support( 'align-wide' ); + // Gutenberg block styles support. + add_theme_support( 'wp-block-styles' ); + + // Gutenberg responsive embeds support. + add_theme_support( 'responsive-embeds' ); } endif; add_action( 'after_setup_theme', 'suffice_setup' ); @@ -256,6 +261,7 @@ function suffice_scripts() { wp_enqueue_style( 'perfect-scrollbar', get_template_directory_uri() . '/assets/css/perfect-scrollbar' . $suffix . '.css', array(), '0.6.16' ); wp_enqueue_style( 'suffice-style', get_stylesheet_uri() ); + /* Scripts */ wp_enqueue_script( 'suffice-skip-link-focus-fix', get_template_directory_uri() . '/assets/js/skip-link-focus-fix.js', array(), '20151215', true ); wp_enqueue_script( 'swiper', get_template_directory_uri() . '/assets/js/swiper.jquery' . $suffix . '.js', array( 'jquery' ), '3.4.0', true ); @@ -289,6 +295,18 @@ function suffice_scripts() { add_action( 'wp_enqueue_scripts', 'suffice_scripts' ); +/** + * Enqueue Google fonts and editor styles. + */ + +function suffice_block_editor_styles() { + wp_enqueue_style( 'suffice-editor-googlefonts', '//fonts.googleapis.com/css2?family=Open+Sans' ); + wp_enqueue_style( 'suffice-block-editor-styles', get_template_directory_uri() . '/style-editor-block.css' ); +} + +add_action( 'enqueue_block_editor_assets', 'suffice_block_editor_styles', 1, 1 ); + + /** * Adds css style for customizer ui */ diff --git a/gulpfile.js b/gulpfile.js index a73c348..bfb6258 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -137,7 +137,7 @@ function makepotfile() { function watch() { gulp.watch( paths.styles.src, sassCompile ); gulp.watch( paths.adminscss.src, compileAdminSass ); - gulp.watch( [paths.js.src, paths.php.src], browserSyncReload ); + //gulp.watch( [paths.js.src, paths.php.src], browserSyncReload ); } function deleteCSS() { diff --git a/style-editor-block.css b/style-editor-block.css new file mode 100644 index 0000000..d5d0a80 --- /dev/null +++ b/style-editor-block.css @@ -0,0 +1,428 @@ +/* Basic Block Editor CSS */ +.editor-styles-wrapper { + font-family: "Open Sans", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.3; + color: #424143; +} + +.editor-styles-wrapper > * { + font-family: "Open Sans", Helvetica, Arial, sans-serif; + color: #424143; +} + +.wp-block { + max-width: 1170px; +} + +.editor-styles-wrapper .wp-block[data-align="wide"] { + max-width: 1200px; +} + +.editor-styles-wrapper .wp-block.editor-post-title__block .editor-post-title__input { + font-weight: normal; + color: #424143; + font-family: 'Lato', sans-serif; + font-size: 22px; + padding-bottom: 0; + line-height: 36px; +} + +.editor-styles-wrapper hr { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; + overflow: visible; +} + +.editor-styles-wrapper pre { + font-family: monospace, monospace; + font-size: 1em; + white-space: pre-wrap; +} + +.editor-styles-wrapper a { + background-color: transparent; + -webkit-text-decoration-skip: objects; +} + +.editor-styles-wrapper a:active, +.editor-styles-wrapper a:hover { + outline-width: 0; +} + +.editor-styles-wrapper abbr[title] { + border-bottom: 1px #767676 dotted; + text-decoration: none; +} + +.editor-styles-wrapper b, +.editor-styles-wrapper strong { + font-weight: inherit; +} + +.editor-styles-wrapper b, +.editor-styles-wrapper strong { + font-weight: 700; +} + +.editor-styles-wrapper code, +.editor-styles-wrapper kbd, +.editor-styles-wrapper samp { + font-family: monospace, monospace; + font-size: 1em; +} + +.editor-styles-wrapper dfn { + font-style: italic; +} + +.editor-styles-wrapper mark { + background-color: #EEE; + color: #222; +} + +.editor-styles-wrapper small { + font-size: 80%; +} + +.editor-styles-wrapper sub, +.editor-styles-wrapper sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +.editor-styles-wrapper sub { + bottom: -0.25em; +} + +.editor-styles-wrapper sup { + top: -0.5em; +} + +.editor-styles-wrapper audio, +.editor-styles-wrapper video { + display: inline-block; +} + +.editor-styles-wrapper audio:not([controls]) { + display: none; + height: 0; +} + +.editor-styles-wrapper img { + border-style: none; + max-width: 100%; + height: auto; +} + +.editor-styles-wrapper svg:not(:root) { + overflow: hidden; +} + +.editor-styles-wrapper button, +.editor-styles-wrapper input, +.editor-styles-wrapper optgroup, +.editor-styles-wrapper select, +.editor-styles-wrapper textarea { + font-family: sans-serif; + font-size: 100%; + line-height: 1.15; + margin: 0; +} + +.editor-styles-wrapper button, +.editor-styles-wrapper input { + overflow: visible; +} + +.editor-styles-wrapper button, +.editor-styles-wrapper select { + text-transform: none; +} + +.editor-styles-wrapper button, +.editor-styles-wrapper html [type="button"], +.editor-styles-wrapper [type="reset"], +.editor-styles-wrapper [type="submit"] { + -webkit-appearance: button; +} + +.editor-styles-wrapper button::-moz-focus-inner, +.editor-styles-wrapper [type="button"]::-moz-focus-inner, +.editor-styles-wrapper [type="reset"]::-moz-focus-inner, +.editor-styles-wrapper [type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +.editor-styles-wrapper button:-moz-focusring, +.editor-styles-wrapper [type="button"]:-moz-focusring, +.editor-styles-wrapper [type="reset"]:-moz-focusring, +.editor-styles-wrapper [type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +.editor-styles-wrapper fieldset { + border: 1px solid #BBB; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +.editor-styles-wrapper legend { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; +} + +.editor-styles-wrapper progress { + display: inline-block; + vertical-align: baseline; +} + +.editor-styles-wrapper textarea { + overflow: auto; +} + +.editor-styles-wrapper [type="checkbox"], +.editor-styles-wrapper [type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0; +} + +.editor-styles-wrapper [type="number"]::-webkit-inner-spin-button, +.editor-styles-wrapper [type="number"]::-webkit-outer-spin-button { + height: auto; +} + +.editor-styles-wrapper [type="search"] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +.editor-styles-wrapper [type="search"]::-webkit-search-cancel-button, +.editor-styles-wrapper [type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +.editor-styles-wrapper ::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +.editor-styles-wrapper details, +.editor-styles-wrapper menu { + display: block; +} + +.editor-styles-wrapper summary { + display: list-item; +} + +.editor-styles-wrapper canvas { + display: inline-block; +} + +.editor-styles-wrapper template { + display: none; +} + +.editor-styles-wrapper [type="text"], +.editor-styles-wrapper [type="email"], +.editor-styles-wrapper [type="url"], +.editor-styles-wrapper [type="password"], +.editor-styles-wrapper [type="search"], +.editor-styles-wrapper [type="number"], +.editor-styles-wrapper [type="tel"], +.editor-styles-wrapper [type="range"], +.editor-styles-wrapper [type="date"], +.editor-styles-wrapper [type="month"], +.editor-styles-wrapper [type="week"], +.editor-styles-wrapper [type="time"], +.editor-styles-wrapper [type="datetime"], +.editor-styles-wrapper [type="datetime-local"], +.editor-styles-wrapper [type="color"], +textarea { + padding: 7px 15px; + border: 1px solid #FFF; + outline: none; + transition: border-color 0.35s; + margin-bottom: 15px; + border: 1px solid #CCC; +} + +/* Block quote */ +.editor-styles-wrapper blockquote { + font-family: georgia, "Times New Roman", cursive; + font-size: 16px; + border-left: 3px solid #E5E4E6; + margin-left: 30px; + padding-left: 30px; +} + +/* heading */ +.editor-styles-wrapper h1, +.editor-styles-wrapper h2, +.editor-styles-wrapper h3, +.editor-styles-wrapper h4, +.editor-styles-wrapper h5, +.editor-styles-wrapper h6 { + font-family: "Poppins", Helvetica, Arial, sans-serif; + color: #424143; +} + +.editor-styles-wrapper .wp-block h1 { + font-size: 48px; + font-weight: normal; +} + +.editor-styles-wrapper .wp-block h2 { + font-size: 32px; + font-weight: normal; +} + +.editor-styles-wrapper .wp-block h3 { + font-size: 26px; + font-weight: normal; +} + +.editor-styles-wrapper .wp-block h4 { + font-size: 20px; +} + +.editor-styles-wrapper .wp-block h5 { + font-size: 18px; + font-weight: normal; +} + +.editor-styles-wrapper .wp-block h6 { + font-size: 16px; + font-weight: bold; +} + +/* Text styles */ +.editor-styles-wrapper p { + line-height: 24px; +} + +/*---------- Elements ----------*/ +.editor-styles-wrapper table, +.editor-styles-wrapper th, +.editor-styles-wrapper td { + border: 1px solid #D1D1D1; +} + +.editor-styles-wrapper table { + border-collapse: separate; + border-spacing: 0; + border-width: 1px 0 0 1px; + margin: 0 0 1.75em; + table-layout: fixed; + /* Prevents HTML tables from becoming too wide */ + width: 100%; +} + +.editor-styles-wrapper caption, +.editor-styles-wrapper th, +.editor-styles-wrapper td { + font-weight: normal; + text-align: left; +} + +.editor-styles-wrapper th { + border-width: 0 1px 1px 0; + font-weight: 700; +} + +.editor-styles-wrapper td { + border-width: 0 1px 1px 0; +} + +.editor-styles-wrapper th, +.editor-styles-wrapper td { + padding: 0.4375em; +} + +/*---------- Media ----------*/ +.editor-styles-wrapper .wp-caption { + margin-bottom: 1.5em; + max-width: 100%; +} + +.editor-styles-wrapper .wp-caption img[class*="wp-image-"] { + display: block; + margin-left: auto; + margin-right: auto; +} + +.editor-styles-wrapper .wp-caption .wp-caption-text { + margin: 0.8075em 0; +} + +.editor-styles-wrapper .wp-caption-text { + text-align: center; +} + +.editor-styles-wrapper .gallery { + margin-bottom: 1.5em; +} + +.editor-styles-wrapper .gallery-item { + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; +} + +.editor-styles-wrapper .wp-block .gallery-columns-2 .gallery-item { + max-width: 50%; +} + +.editor-styles-wrapper .wp-block .gallery-columns-3 .gallery-item { + max-width: 33.33%; +} + +.editor-styles-wrapper .wp-block .gallery-columns-4 .gallery-item { + max-width: 25%; +} + +.editor-styles-wrapper .wp-block .gallery-columns-5 .gallery-item { + max-width: 20%; +} + +.editor-styles-wrapper .wp-block .gallery-columns-6 .gallery-item { + max-width: 16.66%; +} + +.editor-styles-wrapper .wp-block .gallery-columns-7 .gallery-item { + max-width: 14.28%; +} + +.editor-styles-wrapper .wp-block .gallery-columns-8 .gallery-item { + max-width: 12.5%; +} + +.editor-styles-wrapper .wp-block .gallery-columns-9 .gallery-item { + max-width: 11.11%; +} + +.editor-styles-wrapper .gallery-caption { + display: block; +} + +/* Make sure embeds and iframes fit their containers. */ +.editor-styles-wrapper embed, +.editor-styles-wrapper iframe, +.editor-styles-wrapper object { + max-width: 100%; +} \ No newline at end of file diff --git a/style.css b/style.css index a0b65ee..f3d55e7 100644 --- a/style.css +++ b/style.css @@ -98,6 +98,8 @@ figure { } hr { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; @@ -240,6 +242,8 @@ fieldset { } legend { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; @@ -259,6 +263,8 @@ textarea { [type="checkbox"], [type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } @@ -316,7 +322,6 @@ template { } .container.container--flex { - display: -ms-flexbox; display: flex; } @@ -1069,7 +1074,10 @@ p { line-height: 24px; } -blockquote { +blockquote, +.wp-block-quote, +.wp-block-quote.is-style-large, +.wp-block-quote.has-text-align-right { font-family: georgia, "Times New Roman", cursive; font-size: 16px; border-left: 3px solid #E5E4E6; @@ -1198,7 +1206,9 @@ h6 { /*---------- Elements ----------*/ table, th, -td { +td, +.wp-block-table th, +.wp-block-table td { border: 1px solid #D1D1D1; } @@ -1214,22 +1224,28 @@ table { caption, th, -td { +td, +.wp-block-table th, +.wp-block-table td { font-weight: normal; text-align: left; } -th { +th, +.wp-block-table th { border-width: 0 1px 1px 0; font-weight: 700; } -td { +td, +.wp-block-table td { border-width: 0 1px 1px 0; } th, -td { +td, +.wp-block-table th, +.wp-block-table td { padding: 0.4375em; } @@ -1306,8 +1322,7 @@ td { background: inherit; bottom: -10px; left: 35px; - -ms-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); } .title.title-arrow-down.title-center .title-title::before { @@ -1476,18 +1491,15 @@ td { .slider.slider-hide-controls:hover .swiper-button-prev, .slider.slider-hide-controls:hover .swiper-button-next { opacity: 1; - -ms-transform: translate(0, 0); - transform: translate(0, 0); + transform: translate(0, 0); } .slider.slider-hide-controls .swiper-button-prev { - -ms-transform: translate(-30px, 0); - transform: translate(-30px, 0); + transform: translate(-30px, 0); } .slider.slider-hide-controls .swiper-button-next { - -ms-transform: translate(30px, 0); - transform: translate(30px, 0); + transform: translate(30px, 0); } .slider.slider-controls-flat .swiper-button-prev, @@ -1573,8 +1585,7 @@ td { position: absolute; width: 55px; height: 55px; - -ms-transform: scaleX(1.7) rotate(45deg); - transform: scaleX(1.7) rotate(45deg); + transform: scaleX(1.7) rotate(45deg); background: inherit; left: 23px; border-radius: 10px 24px; @@ -1619,14 +1630,12 @@ td { top: 9px; border-radius: 3px; text-align: center; - -ms-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); transition: all 0.3s ease; } .icon-box-small .icon-box-icon .icon-box-inner-icon { - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); + transform: rotate(-45deg); } .icon-box-small .icon-box-description { @@ -1733,8 +1742,7 @@ td { .portfolio-items .portfolio-item .portfolio-item-thumbnail .portfolio-item-description { visibility: hidden; opacity: 0; - -ms-transform: translateY(50%); - transform: translateY(50%); + transform: translateY(50%); position: absolute; bottom: 0; left: 0; @@ -1758,8 +1766,7 @@ td { .portfolio-items .portfolio-item .portfolio-item-thumbnail:hover .portfolio-item-description { visibility: visible; opacity: 1; - -ms-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } .portfolio-items.portfolio-with-text .portfolio-item .portfolio-item-thumbnail { @@ -1769,8 +1776,7 @@ td { .portfolio-items.portfolio-with-text .portfolio-item .portfolio-item-description { visibility: visible; opacity: 1; - -ms-transform: none; - transform: none; + transform: none; position: initial; } @@ -1891,8 +1897,7 @@ td { .team-member.team-bubble:hover .team-bubble-one, .team-member.team-bubble:hover .team-bubble-two { - -ms-transform: scale(1.1); - transform: scale(1.1); + transform: scale(1.1); } /*===== End of Team Member ======*/ @@ -1976,8 +1981,7 @@ td { right: 0; bottom: 0; font-size: 60px; - -ms-transform: rotate(180deg); - transform: rotate(180deg); + transform: rotate(180deg); } .testimonials-container.testimonials-bubble .testimonial-description .testimonial-author { @@ -2015,8 +2019,7 @@ td { background: #FFF; position: absolute; bottom: -5px; - -ms-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); box-shadow: 1px 0 5px rgba(0, 0, 0, 0.05); left: 37px; } @@ -2103,8 +2106,7 @@ td { position: absolute; width: 55px; height: 55px; - -ms-transform: scaleX(1.7) rotate(45deg); - transform: scaleX(1.7) rotate(45deg); + transform: scaleX(1.7) rotate(45deg); background: inherit; left: 23px; border-radius: 10px 24px; @@ -2135,26 +2137,21 @@ td { } .cta-boxed-one .cta-bordered-inner { - display: -ms-flexbox; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .cta-boxed-one .cta-bordered-inner .cta-icon { - -ms-flex: 1; - flex: 1; + flex: 1; } .cta-boxed-one .cta-bordered-inner .cta-info { - -ms-flex: 6; - flex: 6; + flex: 6; padding: 0 30px; } .cta-boxed-one .cta-bordered-inner .cta-actions { - -ms-flex: 2; - flex: 2; + flex: 2; clear: both; } @@ -2262,8 +2259,7 @@ td { position: absolute; width: 76px; height: 76px; - -ms-transform: scaleX(1.7) rotate(45deg); - transform: scaleX(1.7) rotate(45deg); + transform: scaleX(1.7) rotate(45deg); background: inherit; left: 37px; border-radius: 10px 24px; @@ -2932,8 +2928,7 @@ td { right: 0; min-width: 320px; z-index: 9999; - -ms-transform: translateX(100%); - transform: translateX(100%); + transform: translateX(100%); transition: transform 0.35s; } @@ -3091,8 +3086,7 @@ td { } .mini-cart-sidebar.show-mini-cart { - -ms-transform: translateX(0); - transform: translateX(0); + transform: translateX(0); } /* Product Widget */ @@ -3446,42 +3440,51 @@ td { } #suffice-preloader.preloader-moon .circle:nth-of-type(0) { + -webkit-transform: rotate(0deg) scale(1.1); -ms-transform: rotate(0deg) scale(1.1); transform: rotate(0deg) scale(1.1); } #suffice-preloader.preloader-moon .circle:nth-of-type(0) .inner { + -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } #suffice-preloader.preloader-moon .circle:nth-of-type(1) { + -webkit-transform: rotate(70deg) scale(1.1); -ms-transform: rotate(70deg) scale(1.1); transform: rotate(70deg) scale(1.1); } #suffice-preloader.preloader-moon .circle:nth-of-type(1) .inner { + -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } #suffice-preloader.preloader-moon .circle:nth-of-type(2) { + -webkit-transform: rotate(140deg) scale(1.1); -ms-transform: rotate(140deg) scale(1.1); transform: rotate(140deg) scale(1.1); } #suffice-preloader.preloader-moon .circle:nth-of-type(2) .inner { + -webkit-animation: spin 3s infinite linear; animation: spin 3s infinite linear; } #suffice-preloader.preloader-moon .circle:nth-of-type(3) { + -webkit-transform: rotate(210deg) scale(1.1); -ms-transform: rotate(210deg) scale(1.1); transform: rotate(210deg) scale(1.1); } #suffice-preloader.preloader-moon .circle:nth-of-type(3) .inner { + -webkit-animation: spin 4s infinite linear; animation: spin 4s infinite linear; } #suffice-preloader.preloader-moon .start-animation { + -webkit-animation: spin 5s infinite linear; animation: spin 5s infinite linear; } @@ -3495,6 +3498,7 @@ td { border-top-right-radius: 20px; border-bottom-left-radius: 20px; background-color: #FFF; + -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } @@ -3504,6 +3508,7 @@ td { border-right: 1em solid #EEE; border-bottom: 1em solid #EEE; border-left: 1em solid #666; + -webkit-transform: translateZ(0); transform: translateZ(0); border-radius: 50%; } @@ -3517,12 +3522,14 @@ td { #suffice-preloader.preloader-circular-stroke .preloader-animation { width: 50px; height: 50px; + -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } #suffice-preloader.preloader-circular-stroke-text .preloader-animation { width: 30px; height: 30px; + -webkit-animation: spin 0.5s infinite linear; animation: spin 0.5s infinite linear; margin-bottom: 5px; } @@ -3543,33 +3550,40 @@ td { display: inline-block; width: 8px; height: 30px; + -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); + -webkit-animation: jump 0.3s alternate infinite cubic-bezier(0.2, 0, 0.5, 1); animation: jump 0.3s alternate infinite cubic-bezier(0.2, 0, 0.5, 1); background-color: #FFF; } #suffice-preloader.preloader-piano .piano-outer li:nth-of-type(1) { + -webkit-animation-delay: 111ms; animation-delay: 111ms; background-color: #f2f2f2; } #suffice-preloader.preloader-piano .piano-outer li:nth-of-type(2) { + -webkit-animation-delay: 222ms; animation-delay: 222ms; background-color: #e6e6e6; } #suffice-preloader.preloader-piano .piano-outer li:nth-of-type(3) { + -webkit-animation-delay: 333ms; animation-delay: 333ms; background-color: #d9d9d9; } #suffice-preloader.preloader-piano .piano-outer li:nth-of-type(4) { + -webkit-animation-delay: 444ms; animation-delay: 444ms; background-color: #cccccc; } #suffice-preloader.preloader-piano .piano-outer li:nth-of-type(5) { + -webkit-animation-delay: 555ms; animation-delay: 555ms; background-color: #bfbfbf; } @@ -3584,22 +3598,27 @@ td { height: 8px; border-radius: 50%; background: #1E1E1F; + -webkit-animation: jump 0.3s alternate infinite cubic-bezier(0.2, 0, 0.5, 1); animation: jump 0.3s alternate infinite cubic-bezier(0.2, 0, 0.5, 1); } #suffice-preloader.preloader-bouncing-dots .three-dot li:nth-of-type(1) { + -webkit-animation-delay: 111ms; animation-delay: 111ms; } #suffice-preloader.preloader-bouncing-dots .three-dot li:nth-of-type(2) { + -webkit-animation-delay: 222ms; animation-delay: 222ms; } #suffice-preloader.preloader-bouncing-dots .three-dot li:nth-of-type(3) { + -webkit-animation-delay: 333ms; animation-delay: 333ms; } #suffice-preloader.preloader-bouncing-dots .three-dot li:nth-of-type(4) { + -webkit-animation-delay: 444ms; animation-delay: 444ms; } @@ -3611,6 +3630,7 @@ td { width: 30px; height: 30px; border-radius: 50%; + -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; opacity: 0.6; } @@ -3621,33 +3641,74 @@ td { #suffice-preloader.preloader-circle-bounce .circle-bounce .circle-bounce-two { background-color: #1E1E1F; + -webkit-animation-delay: -1s; animation-delay: -1s; } +@-webkit-keyframes spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + @keyframes spin { from { + -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { + -webkit-transform: rotate(360deg); transform: rotate(360deg); } } +@-webkit-keyframes jump { + from { + -webkit-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(12px); + transform: translateY(12px); + } +} + @keyframes jump { from { + -webkit-transform: translateY(0); transform: translateY(0); } to { + -webkit-transform: translateY(12px); transform: translateY(12px); } } +@-webkit-keyframes bounce { + 0%, + 100% { + -webkit-transform: scale(0); + transform: scale(0); + } + 50% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + @keyframes bounce { 0%, 100% { + -webkit-transform: scale(0); transform: scale(0); } 50% { + -webkit-transform: scale(1); transform: scale(1); } } @@ -3695,8 +3756,7 @@ td { background: #FFF; padding: 15px; border-top: 3px solid #00BAF4; - -ms-transform: translateY(50%); - transform: translateY(50%); + transform: translateY(50%); visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; @@ -3706,8 +3766,7 @@ td { .header-action-search-form.header-action-search-form--show { opacity: 1; visibility: visible; - -ms-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } .search-form-container { @@ -3748,11 +3807,13 @@ td { } .search-form-container.search-form-style-fullscreen .search-form-close .close-icon::before, .search-form-container.search-form-style-halfscreen .search-form-close .close-icon::before { + -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .search-form-container.search-form-style-fullscreen .search-form-close .close-icon::after, .search-form-container.search-form-style-halfscreen .search-form-close .close-icon::after { + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } @@ -3774,6 +3835,14 @@ td { padding: 15px 0; } +.search-form-container.search-form-style-fullscreen .search-form .search-field::-webkit-input-placeholder, .search-form-container.search-form-style-halfscreen .search-form .search-field::-webkit-input-placeholder { + color: #232f3d; +} + +.search-form-container.search-form-style-fullscreen .search-form .search-field::-moz-placeholder, .search-form-container.search-form-style-halfscreen .search-form .search-field::-moz-placeholder { + color: #232f3d; +} + .search-form-container.search-form-style-fullscreen .search-form .search-field:-ms-input-placeholder, .search-form-container.search-form-style-halfscreen .search-form .search-field:-ms-input-placeholder { color: #232f3d; } @@ -3805,7 +3874,9 @@ td { padding: 30px; background: #516f8e; z-index: 9999; + -webkit-animation: zoom-in 0.2s ease-in-out; animation: zoom-in 0.2s ease-in-out; + -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: all 0.2s; @@ -3833,6 +3904,7 @@ td { } .search-form-container.search-form-style-fullscreen.search-form--show { + -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } @@ -3846,6 +3918,7 @@ td { background: #1d2833; z-index: 9999; padding: 15px 0; + -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); transition: all 0.3s ease-in-out; @@ -3875,6 +3948,14 @@ td { padding: 0 30px; } +.search-form-container.search-form-style-halfscreen .search-form .search-field::-webkit-input-placeholder { + color: #516f8e; +} + +.search-form-container.search-form-style-halfscreen .search-form .search-field::-moz-placeholder { + color: #516f8e; +} + .search-form-container.search-form-style-halfscreen .search-form .search-field:-ms-input-placeholder { color: #516f8e; } @@ -3884,6 +3965,7 @@ td { } .search-form-container.search-form-style-halfscreen.search-form--show { + -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } @@ -3988,7 +4070,9 @@ a:focus { display: inline-block; font-family: FontAwesome; padding: 0 0 0 10px; + transition: -webkit-transform 0.35s; transition: transform 0.35s; + transition: transform 0.35s, -webkit-transform 0.35s; } /*---------- Slide In ----------*/ @@ -4001,8 +4085,7 @@ a:focus { .navigation-default.navigation-default--push-left .menu-primary, .navigation-default.navigation-default--push-left .primary-menu { - -ms-transform: translateX(-100px); - transform: translateX(-100px); + transform: translateX(-100px); } .navigation-default .menu-primary, @@ -4036,8 +4119,7 @@ a:focus { .navigation-default .primary-menu ul li.focus > .children { visibility: visible; opacity: 1; - -ms-transform: translate(0, 0) !important; - transform: translate(0, 0) !important; + transform: translate(0, 0) !important; } .navigation-default .menu-primary ul li.menu-go-back, .navigation-default .menu-primary ul li.menu-show-all, @@ -4096,8 +4178,7 @@ a:focus { border-top: 2px solid #00BAF4; position: fixed; z-index: 999; - -ms-transform: translate(0, 30px); - transform: translate(0, 30px); + transform: translate(0, 30px); transition: transform 0.35s, visibility 0.35s, opacity 0.35s; opacity: 0; visibility: hidden; @@ -4148,8 +4229,7 @@ a:focus { position: absolute; left: 100%; transition: transform 0, visibility 0.35s, opacity 0.35s; - -ms-transform: translate(-45px, 0); - transform: translate(-45px, 0); + transform: translate(-45px, 0); } .navigation-default .menu-primary > ul > li .sub-menu li.menu-item-has-children .sub-menu.sub-menu--left, @@ -4168,8 +4248,7 @@ a:focus { .navigation-default .primary-menu > ul > li .children li.page_item_has_children .sub-menu.sub-menu--left, .navigation-default .primary-menu > ul > li .children li.page_item_has_children .children.sub-menu--left { left: -100%; - -ms-transform: translate(45px, 0); - transform: translate(45px, 0); + transform: translate(45px, 0); } .navigation-default .menu-primary > ul > li .sub-menu.sub-menu--show, @@ -4178,8 +4257,7 @@ a:focus { .navigation-default .primary-menu > ul > li .children.sub-menu--show { opacity: 1; visibility: visible; - -ms-transform: translate(0); - transform: translate(0); + transform: translate(0); } .navigation-default.menu-has-submenu-indicator li.menu-item-has-children > a::after, @@ -4224,8 +4302,7 @@ a:focus { bottom: 0; background: #19232d; width: 300px; - -ms-transform: translateX(-100%); - transform: translateX(-100%); + transform: translateX(-100%); transition: transform 0.35s; /* If submenu indicator is there*/ /* if menu border is active*/ @@ -4235,14 +4312,14 @@ a:focus { .navigation-offcanvas-push.navigation-offcanvas--right { left: auto; right: 0; - -ms-transform: translateX(100%); - transform: translateX(100%); + transform: translateX(100%); } .navigation-offcanvas.navigation--show, .navigation-offcanvas-push.navigation--show { opacity: 1; visibility: visible; + -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } @@ -4278,12 +4355,14 @@ a:focus { .navigation-offcanvas.navigation--show .nav-header .nav-close::after, .navigation-offcanvas-push.navigation--show .nav-header .nav-close::after { + -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .navigation-offcanvas.navigation--show .nav-header .nav-close::before, .navigation-offcanvas-push.navigation--show .nav-header .nav-close::before { + -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @@ -4461,11 +4540,13 @@ a:focus { } .navigation-fullscreen .nav-header .nav-close::after { + -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .navigation-fullscreen .nav-header .nav-close::before { + -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @@ -4503,17 +4584,21 @@ a:focus { .navigation-fullscreen .menu-primary ul li ul, .navigation-fullscreen .primary-menu ul li ul { + transition: -webkit-transform 0.35s; transition: transform 0.35s; + transition: transform 0.35s, -webkit-transform 0.35s; } .navigation-fullscreen .menu-primary ul.slide-out-menu > li > a, .navigation-fullscreen .primary-menu ul.slide-out-menu > li > a { + -webkit-transform: translate(-150%, 0); -ms-transform: translate(-150%, 0); transform: translate(-150%, 0); } .navigation-fullscreen .menu-primary ul.slide-in-menu, .navigation-fullscreen .primary-menu ul.slide-in-menu { + -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } @@ -4530,6 +4615,7 @@ a:focus { left: 0; right: 0; bottom: 0; + -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } @@ -4562,9 +4648,12 @@ a:focus { padding: 0; margin: 0; z-index: 9999; + transition: opacity 0.45s, visibility 0.45s, -webkit-transform 0.35s; transition: transform 0.35s, opacity 0.45s, visibility 0.45s; + transition: transform 0.35s, opacity 0.45s, visibility 0.45s, -webkit-transform 0.35s; opacity: 0; visibility: hidden; + -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); } @@ -4611,11 +4700,13 @@ a:focus { } .mobile-navigation .nav-header .nav-close::after { + -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mobile-navigation .nav-header .nav-close::before { + -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @@ -4639,7 +4730,9 @@ a:focus { text-decoration: none; color: #FFF !important; display: block; + transition: -webkit-transform 0.35s; transition: transform 0.35s; + transition: transform 0.35s, -webkit-transform 0.35s; padding: 10px 25px; } @@ -4669,12 +4762,14 @@ a:focus { .mobile-navigation .menu-primary ul.slide-out-menu > li > a, .mobile-navigation .primary-menu ul.slide-out-menu > li > a { + -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mobile-navigation .menu-primary ul.slide-in-menu, .mobile-navigation .primary-menu ul.slide-in-menu { + -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } @@ -4691,14 +4786,18 @@ a:focus { left: 0; right: 0; bottom: 0; + -webkit-transform: translate(105%, 0); -ms-transform: translate(105%, 0); transform: translate(105%, 0); + transition: -webkit-transform 0.35s; transition: transform 0.35s; + transition: transform 0.35s, -webkit-transform 0.35s; } .mobile-navigation.navigation--show { opacity: 1; visibility: visible; + -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } @@ -5016,13 +5115,16 @@ a:focus { right: 0; } +.wp-social-link svg { + color: #ffffff; +} + /*---------- Modules ----------*/ /* 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%); + clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; @@ -5038,8 +5140,7 @@ a:focus { border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; - -webkit-clip-path: none; - clip-path: none; + clip-path: none; color: #21759b; display: block; font-size: 0.875rem; @@ -5497,6 +5598,8 @@ body.siteorigin-panels .site-footer { } html { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; } @@ -5504,6 +5607,8 @@ html { *::before, *::after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ + -webkit-box-sizing: inherit; + -moz-box-sizing: inherit; box-sizing: inherit; } @@ -5726,16 +5831,13 @@ html { } .header-top .container--flex { - -ms-flex-pack: justify; - justify-content: space-between; - -ms-flex-align: center; - align-items: center; + justify-content: space-between; + align-items: center; } .header-top .header-top-left-section { text-align: left; - -ms-flex: 7; - flex: 7; + flex: 7; } .header-top .header-top-right-section { @@ -5842,8 +5944,7 @@ html { .wp-custom-header:hover .wp-custom-header-video-button { visibility: visible; opacity: 1; - -ms-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } .wp-custom-header > img, @@ -5877,8 +5978,7 @@ html { transition: box-shadow 0.35s, opacity 0.35s, visibility 0.35s, transform 0.35s; opacity: 0; visibility: hidden; - -ms-transform: translateY(10px); - transform: translateY(10px); + transform: translateY(10px); } .wp-custom-header .wp-custom-header-video-button:hover { @@ -6383,8 +6483,7 @@ html { right: 0; bottom: 0; left: 0; - -ms-transform: translateY(101%); - transform: translateY(101%); + transform: translateY(101%); transition: all 0.35s; } @@ -6398,8 +6497,7 @@ html { } .related-post-container.related-post-style-hover .related-post-item .related-post-item-inner:hover .related-header { - -ms-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } .related-post-container.related-post-style-overlayed .related-post-item .related-post-item-inner { @@ -6415,8 +6513,7 @@ html { right: 0; bottom: 0; left: 0; - -ms-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); transition: all 0.35s; } @@ -6430,8 +6527,7 @@ html { } .related-post-container.related-post-style-overlayed .related-post-item .related-post-item-inner:hover .related-header { - -ms-transform: translateY(101%); - transform: translateY(101%); + transform: translateY(101%); } .related-post-container .recent-button-prev, @@ -6490,17 +6586,17 @@ html { /*==================================== = Gutenberg AlignWide = ====================================*/ -.full-width .alignfull { - margin-left: calc(50% - 49.5vw); - margin-right: calc(50% - 49.5vw); +.full-width #primary .entry-content > .alignfull { + margin-left: calc(50% - 50vw); + margin-right: calc(50% - 50vw); max-width: unset; } -.full-width .alignfull img { - max-width: unset; +.full-width #primary .entry-content > .alignfull.wp-block-cover, .full-width #primary .entry-content > .alignfull.wp-block-cover-image { + width: unset; } -.full-width .alignwide { +.full-width #primary .entry-content > .alignwide { margin-left: -60px; margin-right: -60px; max-width: unset; @@ -6510,9 +6606,19 @@ html { overflow: hidden; } -.full-width.boxed .alignwide { - margin-left: -60px; - margin-right: -60px; +.full-width.boxed #primary .entry-content > .alignfull { + margin-left: -15px; + margin-right: -15px; +} + +.full-width.boxed #primary .entry-content > .alignfull.wp-block-cover, .full-width.boxed #primary .entry-content > .alignfull.wp-block-cover-image { + width: unset; +} + +.full-width.boxed #primary .entry-content > .alignwide { + margin-left: -15px; + margin-right: -15px; + max-width: unset; } /*===== End of Gutenberg AlignWide ======*/ @@ -6640,8 +6746,7 @@ html { transition: transform 0.4s, opacity 0.35s, visibility 0.35s; visibility: hidden; opacity: 0; - -ms-transform: translate(0, 40px); - transform: translate(0, 40px); + transform: translate(0, 40px); color: #FFF; } @@ -6652,8 +6757,7 @@ html { .featured-post-container.feature-post-style-one .featured-post:hover .entry-content { opacity: 1; visibility: visible; - -ms-transform: translate(0, 0); - transform: translate(0, 0); + transform: translate(0, 0); } .featured-post-container.feature-post-style-one .featured-post:hover .entry-header { @@ -6899,6 +7003,24 @@ html { display: block; } +ul.wp-block-gallery { + padding: 0; +} + +.wp-block-gallery ul.blocks-gallery-grid img, +ul.wp-block-gallery img { + margin-bottom: 0; +} + +/* Gutenberg Blocks Layout. +--------------------------------------------------------------*/ +.wp-block-gallery.alignleft, .wp-block-gallery.alignright, .wp-block-gallery.aligncenter, +.wp-block-social-links.alignleft, +.wp-block-social-links.alignright, +.wp-block-social-links.aligncenter { + display: flex; +} + .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { @@ -6923,12 +7045,9 @@ object { /* Footer Widgets */ .footer-widgets { - display: -ms-flexbox; display: flex; - -ms-flex-pack: justify; - justify-content: space-between; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + justify-content: space-between; + flex-wrap: wrap; padding: 60px 0 15px; } @@ -6992,8 +7111,7 @@ object { .footer-bottom .site-info { padding: 15px 0; font-size: 12px; - -ms-flex: 6; - flex: 6; + flex: 6; color: #516F8E; } @@ -7007,12 +7125,9 @@ object { } .footer-bottom .footer-bottom-container { - display: -ms-flexbox; display: flex; - -ms-flex-pack: justify; - justify-content: space-between; - -ms-flex-align: center; - align-items: center; + justify-content: space-between; + align-items: center; border-top: 1px solid #212538; } @@ -7036,12 +7151,23 @@ object { /*---------- responsive ----------*/ @media screen and (max-width: 1200px) { - .full-width .alignwide { + .full-width #primary .entry-content > .alignwide { margin-left: -10px; margin-right: -10px; } } +@media screen and (max-width: 1400px) and (min-width: 1200px) { + .full-width #primary .entry-content > .alignwide { + margin-left: -30px; + margin-right: -30px; + } + .full-width #primary .entry-content > .alignfull { + margin-left: -50px; + margin-right: -50px; + } +} + @media screen and (min-width: 992px) { /* Make sticky header on desktop */ .header-sticky-desktop .header-inner-wrapper { @@ -7128,8 +7254,7 @@ object { padding: 30px; } .cta-boxed-one .cta-bordered-inner { - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .cta-boxed-one .cta-bordered-inner .cta-actions .btn-group { float: none; @@ -7169,21 +7294,23 @@ object { } @media screen and (max-width: 600px) { - .full-width .alignwide { + .full-width #primary .entry-content > .alignwide { margin-left: 0; margin-right: 0; } - .full-width.boxed .alignwide { + .full-width.boxed .site-content { + overflow: hidden; + } + .full-width.boxed #primary .entry-content > .alignwide { margin-left: 0; margin-right: 0; } } -@media screen and (max-width: 480px) { +@media screen and (max-width: 600px) and (max-width: 480px) { /* Header adjustment on mobile devices*/ .header-top .container--flex { - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .header-top .header-top-left-section, .header-top .header-top-right-section { @@ -7218,15 +7345,13 @@ object { margin-bottom: 15px; } .footer-widgets { - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .footer-widgets.footer-widgets-col--two .footer-widget-area, .footer-widgets.footer-widgets-col--three .footer-widget-area, .footer-widgets.footer-widgets-col--four .footer-widget-area { width: 100%; } .footer-bottom .footer-bottom-container { - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .footer-bottom .footer-bottom-container .site-info, .footer-bottom .footer-bottom-container .footer-navigation {