/*!
Theme Name: Di-Coat Corporation
Author: Miller Media, Inc
Author URI: http://www.millermediainc.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dicoat
Tags:
*/
*, *::before, *::after { box-sizing: inherit; margin: 0; padding: 0; transition: .2s all; }

html { font-size: 100%; }

body { box-sizing: border-box; font-family: 'Open Sans', sans-serif; }

a { text-decoration: none; }

ul { list-style: none; }

p { margin-bottom: 1rem; }

.entry-title { display: none; }

.italic { font-style: italic; }

.center-image { text-align: center; }

.add-margin { margin-bottom: 1rem !important; }

@media screen and (max-width: 50em) { #colophon { display: none; } }
#colophon #nav_menu-2 { background-color: #0450c8; }
#colophon #nav_menu-2 ul { align-items: center; display: flex; justify-content: space-around; padding: 2rem 0; }
#colophon #nav_menu-2 ul li { text-align: center; }
#colophon #nav_menu-2 ul li a { color: white; font-size: 1.25rem; }
#colophon #nav_menu-2 ul li a i { font-size: 3.5rem; margin-bottom: 1rem; }
@media screen and (max-width: 56.25em) { #colophon #nav_menu-2 ul li img { width: 150px; } }
#colophon .copyright-info { font-weight: bold; margin-top: 1rem; text-align: center; text-transform: uppercase; }
#colophon .copyright-info a { color: black; }

#masthead .header-top { display: flex; height: 125px; justify-content: space-between; }
@media screen and (max-width: 37.5em) { #masthead .header-top { flex-direction: column; } }
#masthead .header-top .site-branding { align-self: center; margin-left: 5%; }
@media screen and (max-width: 37.5em) { #masthead .header-top .site-branding { order: 2; } }
#masthead .header-top .site-branding img { height: 70px; width: auto; }
#masthead .header-top .contact-navigation { align-self: flex-start; background-color: #0450c8; clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%); font-size: 1.5rem; padding: .5rem; width: 45%; }
@media screen and (max-width: 43.75em) { #masthead .header-top .contact-navigation { font-size: 1.25rem; } }
@media screen and (max-width: 37.5em) { #masthead .header-top .contact-navigation { align-self: flex-end; width: auto; } }
#masthead .header-top .contact-navigation #contact-menu { display: flex; margin-left: 2.5rem; }
#masthead .header-top .contact-navigation #contact-menu li.menu-item-35 { margin: 0 1rem; }
#masthead .header-top .contact-navigation #contact-menu li a { color: white; }

#site-navigation { background-color: #ebebeb; }
@media screen and (max-width: 62.5em) { #site-navigation { align-items: center; display: flex; height: 40px; justify-content: flex-end; position: relative; } }
#site-navigation .mobile-nav-button { display: none; }
#site-navigation .mobile-toggle-label { display: none; }
@media screen and (max-width: 62.5em) { #site-navigation .mobile-toggle-label { display: block; margin-right: 1%; position: relative; } }
@media screen and (max-width: 62.5em) { #site-navigation .mobile-toggle-label .burger-button, #site-navigation .mobile-toggle-label .burger-button::before, #site-navigation .mobile-toggle-label .burger-button::after { background-color: black; display: block; height: 5px; width: 40px; } }
@media screen and (max-width: 62.5em) { #site-navigation .mobile-toggle-label .burger-button::before, #site-navigation .mobile-toggle-label .burger-button::after { content: ''; position: absolute; } }
#site-navigation .mobile-toggle-label .burger-button::before { top: -.65rem; }
#site-navigation .mobile-toggle-label .burger-button::after { top: .65rem; }
#site-navigation #primary-menu { display: flex; }
@media screen and (max-width: 62.5em) { #site-navigation #primary-menu { display: none; } }
#site-navigation #primary-menu li { padding: 1rem 0; position: relative; text-align: center; }
#site-navigation #primary-menu li:not(:last-child) { margin-right: 1rem; }
@media screen and (max-width: 68.75em) { #site-navigation #primary-menu li:not(:last-child) { margin-right: .5rem; } }
#site-navigation #primary-menu li:not(:first-child) { margin-left: 1rem; }
@media screen and (max-width: 68.75em) { #site-navigation #primary-menu li:not(:first-child) { margin-left: .5rem; } }
#site-navigation #primary-menu li:first-child { margin-left: 5rem; }
@media screen and (max-width: 68.75em) { #site-navigation #primary-menu li:first-child { margin-left: 2rem; } }
#site-navigation #primary-menu li a { color: black; font-weight: 700; }
#site-navigation #primary-menu li .sub-menu { display: none; }
#site-navigation #primary-menu li .sub-menu li:not(:last-child) { margin-right: 0 !important; }
#site-navigation #primary-menu li .sub-menu li:not(:first-child) { margin-left: 0 !important; }
#site-navigation #primary-menu li:hover .sub-menu { background-color: #ebebeb; display: block; margin-top: 1rem; position: absolute; z-index: 999; }
#site-navigation #primary-menu li:hover .sub-menu li { border-bottom: 1px solid black; padding: .5rem 1rem; text-align: left; width: 200px; }
#site-navigation #primary-menu li:hover .sub-menu li:not(:last-child), #site-navigation #primary-menu li:hover .sub-menu li:first-child { margin-left: 0; }
#site-navigation #primary-menu li:hover .sub-menu li:not(:first-child) { margin-right: 0; }
#site-navigation #primary-menu li.menu-item-27:hover .sub-menu { left: -18px; }
#site-navigation #mobile-menu { display: none; }
#site-navigation .mobile-nav-button:checked ~ .menu-mobile-menu-container #mobile-menu { background-color: #ebebeb; display: block; position: absolute; right: 0; top: 100%; z-index: 9999; }
#site-navigation .mobile-nav-button:checked ~ .menu-mobile-menu-container #mobile-menu li { border-bottom: 1px solid black; padding: .5rem 1rem; text-align: center; }
#site-navigation .mobile-nav-button:checked ~ .menu-mobile-menu-container #mobile-menu li a { color: black; font-weight: 700; }
#site-navigation .mobile-nav-button:checked ~ .menu-mobile-menu-container #mobile-menu li .sub-menu { display: none; }
#site-navigation .mobile-nav-button:checked ~ .menu-mobile-menu-container #mobile-menu li .sub-menu li { border-top: 1px solid black; }

.products-services { margin: 0 auto; width: 95%; text-align: center; }
.products-services:nth-of-type(2) { margin-top: 3rem; }
@media screen and (max-width: 62.5em) { .products-services { flex-wrap: wrap; } }
@media screen and (max-width: 62.5em) { .products-services .wp-block-column { flex-basis: 48%; }
  .products-services .wp-block-column:not(:last-child) { margin-right: 0; }
  .products-services .wp-block-column:not(:first-child) { margin-left: 0; }
  .products-services .wp-block-column:nth-of-type(odd) { margin-right: 2%; } }
@media screen and (max-width: 43.75em) { .products-services .wp-block-column { flex-basis: 100%; }
  .products-services .wp-block-column:nth-of-type(odd) { margin-right: 0; } }
.products-services .wp-block-column h4 { font-size: 1.2rem; margin-bottom: .5rem; text-transform: uppercase; }
@media screen and (max-width: 68.75em) { .products-services .wp-block-column h4 { font-size: 1.1rem; } }
.products-services .wp-block-column img { border: 6px solid #c2c2c2; border-radius: 3px; height: 180px; max-height: 180px; max-width: 260px; width: 260px; }
@media screen and (max-width: 75em) { .products-services .wp-block-column img { height: 140px; max-height: 140px; max-width: 200px; width: 200px; } }
@media screen and (max-width: 68.75em) { .products-services .wp-block-column img { max-width: 180px; width: 180px; } }
.products-services .learn-more-btn { color: #0450c8; font-weight: bold; }
.products-services .learn-more-btn .wp-block-button__link { background-color: transparent; }

.internal-page .internal-page-header { margin-bottom: 1rem; }
.internal-page .internal-page-header.has-banner { color: white; padding: 3rem 0; text-align: center; text-shadow: 0 0 10px black; }
.internal-page .internal-page-header h1 { font-size: 2.5rem; }
@media screen and (max-width: 56.25em) { .internal-page .internal-page-header h1 { font-size: 2rem; } }
@media screen and (max-width: 43.75em) { .internal-page .internal-page-header h1 { font-size: 1.75rem; } }
@media screen and (max-width: 37.5em) { .internal-page .internal-page-header h1 { font-size: 1.5rem; } }
.internal-page .wp-block-columns { margin: 0 auto; width: 90%; }
@media screen and (max-width: 50em) { .internal-page .wp-block-columns .text-column, .internal-page .wp-block-columns .image-column { flex-basis: 100%; } }
.internal-page .wp-block-columns .text-column { display: flex; flex-direction: column; justify-content: center; }
@media screen and (max-width: 50em) { .internal-page .wp-block-columns .image-column { margin-left: 0 !important; } }
.internal-page .wp-block-columns .image-column img { display: block; height: auto; margin: 0 auto; width: 500px; }
.internal-page .jig-advantages .wp-block-column { padding: 2rem 3rem; }
@media screen and (max-width: 37.5em) { .internal-page .jig-advantages .wp-block-column { padding: 1rem; } }
.internal-page .jig-advantages .wp-block-column:nth-of-type(2) { background-color: #ebebeb; }
.internal-page .jig-advantages .wp-block-column h3 { margin-bottom: 1rem; }
.internal-page .jig-advantages .wp-block-column ul { list-style: disc; padding-left: 20px; }
.internal-page .container { margin: 0 auto; width: 90%; }
@media screen and (max-width: 50em) { .internal-page .wp-block-columns.has-2-columns .wp-block-column { flex-basis: 100%; margin-left: 0 !important; } }
.internal-page .wp-block-separator { margin: 2rem auto; width: 60%; background-color: black; border: none; height: 3px; }
.internal-page .blue-heading { color: #0450c8; }
.internal-page .section-title { font-size: 1.75rem; margin-bottom: .75rem; }
.internal-page .section-subtitle { font-size: 1.25rem; font-weight: bold; margin-bottom: .5rem; margin-top: 1rem; }
.internal-page .tablepress { margin-bottom: .25rem; }
.internal-page .tablepress-table-name, .internal-page .tablepress-table-description { text-align: center; }
.internal-page .tablepress-table-name { font-size: 1rem; margin-top: 1rem; }
.internal-page .tablepress-table-description { font-size: .8rem; font-style: italic; }
.internal-page .list-with-bullets { list-style: disc; padding-left: 20px; }
.internal-page .gallery-with-2-images img { height: auto; max-width: 275px; }