:root {
--morrisgd-color-dark-black: #000000;
--morrisgd-color-yellow: #f0ff19;
--morrisgd-color-dark-yellow: #b9c400;
--morrisgd-color-light-black: #161616;
--morrisgd-color-white: #f7f7f7;
--morrisgd-color-grey: #a4a4a4;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
background-color: var(--morrisgd-color-light-black);
font-family: 'Montserrat', arial, sans-serif; color: var(--morrisgd-color-grey);
box-sizing: border-box;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
a, a:visited {
text-decoration: none;
color: var(--morrisgd-color-yellow);
}
a:hover {
color: var(--morrisgd-color-dark-yellow);
}
a:active {
color: var(--morrisgd-color-yellow);
}
a.external[target=_blank]:after  {
font-family: 'FontAwesome';
content: "\0020\f08e";
}
h1 {
font-size: 39px;
}
h1, h2, h3 {
font-family: 'Archivo Black', arial, sans-serif;
color: var(--morrisgd-color-yellow);
text-transform: uppercase;
}
h4, h5, h6 {
text-transform: none;
font-family: 'Montserrat', arial, sans-serif;
color: var(--morrisgd-color-white);
font-weight: 400;
letter-spacing: normal;
width: inherit;
}
h4 {
font-size: 22px;
line-height: 1.25;
} .has-dark-black-color {
color: var(--morrisgd-color-dark-black);
}
.has-dark-black-background-color {
background-color: var(--morrisgd-color-dark-black);
}
.has-yellow-color {
color: var(--morrisgd-color-yellow);
}
.has-yellow-background-color {
background-color: var(--morrisgd-color-yellow);
}
.has-dark-yellow-color {
color: var(--morrisgd-color-dark-yellow);
}
.has-dark-yellow-background-color {
background-color: var(--morrisgd-color-dark-yellow);
}
.has-light-black-color {
color: var(--morrisgd-color-light-black);
}
.has-light-black-background-color {
background-color: var(--morrisgd-color-light-black);
}
.has-white-color {
color: var(--morrisgd-color-white);
}
.has-white-background-color {
background-color: var(--morrisgd-color-white);
} .customize-guide-box {
border: dotted 5px #ff0000;
}
.body-children > * {
padding: 50px 35px 50px 35px;
margin: 0;
}.ribbon {
width: 100%;
z-index: 5;
}
.inner-ribbon {
display: flex;
position: relative;
flex-wrap: nowrap;
flex-direction: row;
justify-content: center;
align-items: center;
background-color: var(--morrisgd-color-yellow);
width: 100%;
min-height: 32px;
}
.ribbon-text {
color: #131312;
margin: 0;
padding: 0;
font-size: 18px;
line-height: 1.5;
text-align: center;
margin-left: 35px;
margin-right: 35px;
}
#ribbonClose {
position: absolute;
left: 100%;
transform: translateX(-100%);
color: #131312;
margin: 0;
padding: 0;
padding-right: 7px;
padding-left: 7px;
font-size: 32px;
line-height: 1;
cursor: pointer;
}
.header {
display: flex;
position: sticky;
top: 0;
background-color: var(--morrisgd-color-light-black);
width: 100%;
justify-content: space-between;
flex-wrap: nowrap;
flex-direction: row-reverse;
padding-top: 16px;
padding-bottom: 16px;
z-index: 5;
}
.header > div {
margin-right: 16px;
margin-left: 16px;
}
.nav-logo-text {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
}
.title {
margin: 0;
color: var(--morrisgd-color-white);
font-size: 30px;
} .top-menu {
margin: 0;
padding: 0;
display: flex;
justify-content: flex-start;
align-items: center;
}
.nav-links {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
}
.nav-links li {
margin-left: 32px;
position: relative;
}
.nav-links li:first-child {
margin-left: 0;
}
.nav-links li a, .nav-links li a:visited {
color: var(--morrisgd-color-white);
font-size: 16px;
text-transform: uppercase;
padding: 0 0 6px 0;
white-space: nowrap;
}
.nav-links li a:hover {
color: var(--morrisgd-color-dark-yellow);
}
.nav-links li a:active {
color: var(--morrisgd-color-yellow);
}
.nav-links .current-menu-item a, .nav-links .current-menu-item a:visited {
color: var(--morrisgd-color-yellow) !important;
font-weight: 600 !important;
border-width: 0 0 0.8px 0 !important;
border-style: solid !important;
border-color: var(--morrisgd-color-yellow) !important;
}
.nav-links .current-menu-item a:hover {
color: var(--morrisgd-color-dark-yellow) !important;
border-color: var(--morrisgd-color-dark-yellow) !important;
}
.nav-links .current-menu-item a:active {
color: var(--morrisgd-color-yellow) !important;
}
.nav-links .menu-item-has-children .sub-menu {
display: none;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
right: 0;
background-color: var(--morrisgd-color-dark-black);
top: calc(100% + 7px);
}
.nav-links .menu-item-has-children .sub-menu li {
margin: 0;
}
.nav-links .menu-item-has-children .sub-menu li a, .nav-links .menu-item-has-children .sub-menu li a:visited {
display: block;
padding: 15px;
color: var(--morrisgd-color-white) !important;
font-weight: normal !important;
border: 0 !important;
}
.nav-links .menu-item-has-children .sub-menu li.current-menu-item a, .nav-links .menu-item-has-children .sub-menu li a:visited {
color: var(--morrisgd-color-yellow) !important;
font-weight: 600 !important;
border-style: solid !important;
border-color: var(--morrisgd-color-yellow) !important;
}
.nav-links .menu-item-has-children .sub-menu li.current-menu-item a:hover, .nav-links .menu-item-has-children .sub-menu li a:hover {
color: var(--morrisgd-color-dark-yellow) !important;
border-color: var(--morrisgd-color-dark-yellow) !important;
}
.nav-links .menu-item-has-children .sub-menu li.current-menu-item a:active, .nav-links .menu-item-has-children .sub-menu li a:active {
color: var(--morrisgd-color-yellow) !important;
}
.nav-links li:hover ul {
display: block;
}
.header-title {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
margin: 0;
}
.header-title h1 {
margin: 0 45px 0 45px !important;
}
.header-media h1 {
font-size: 54px;
color: var(--morrisgd-color-white);
line-height: 1.2;
text-align: center;
margin: 0;
}
.header-media p {
font-size: 22px;
color: var(--morrisgd-color-white);
overflow-wrap: break-word;
margin: 0;
}
.header-widgets {
display: flex;
align-items: center;
justify-content: center;
padding: 45px;
height: 100%;
box-sizing: border-box;
}
.header-widgets ul {
display: flex;
flex-direction: column;
list-style: none;
margin: 0;
padding: 0;
}
.header-widgets ul li {
margin-bottom: 8px;
}
.header-widgets .wp-element-button, .header-widgets .wp-element-button:visited {
font-size: 16px;
color: #000000;
border-radius: 0px;
min-height: 56px;
padding: 8px 32px 8px 32px;
letter-spacing: 1px;
border-style: none;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
text-align: center;
overflow-wrap: break-word;
background-color: var(--morrisgd-color-yellow);
display: inline-flex;
justify-content: center;
align-items: center;
}
.header-widgets .wp-element-button:hover {
background-color: #ffffff;
color: #000000;
}
.header-widgets .wp-element-button:active {
background-color: #ffffff;
color: #000000;
} .small-header-title {
display: flex;
width: 100%;
justify-content: center;
}
.hamburger-btn-wrap {
align-items: center;
display: none;
}
.hamburger-btn {
background: none;
border: 0;
color: var(--morrisgd-color-white);
cursor: pointer;
font-size: 30px;
}
.mobile-nav {
transform: translateX(-100%); align-items: left;
flex-direction: column;
position: fixed;
background-color: var(--morrisgd-color-light-black);
width: 100%;
height: 100%;
z-index: 100;
transition: 0.5s;
display: none;
}
.mobile-nav-links .menu-item-has-children .sub-menu {
display: none;
}
.mobile-menu {
padding-left: 10px;
padding-right: 10px;
}
.open-sub {
background-color: transparent;
cursor: pointer;
border: 0;
color: var(--morrisgd-color-white);
font-size: 20px;
}
.close-btn-wrap {
display: flex;
justify-content: right;
width: 100%;
}
#closeBtn {
margin: 20px 20px 0 0;
background: none;
border: 0;
color: var(--morrisgd-color-white);
cursor: pointer;
font-size: 30px;
}
.mobile-nav-links {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: left;
flex-wrap: nowrap;
flex-direction: column;
}
.mobile-nav-links li > ul {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-nav-links li ul > li {
margin: 0;
}
.mobile-nav-links li {
margin: 0 16px 0 16px;
position: relative;
border-bottom: 1px solid #767676;
padding: 16px;
}
.mobile-nav-links li a, .nav-links li a:visited {
color: var(--morrisgd-color-white);
font-size: 16px;
text-transform: uppercase;
padding: 16px;
}
.mobile-nav-links li a:hover {
color: var(--morrisgd-color-dark-yellow);
}
.mobile-nav-links li a:active {
color: var(--morrisgd-color-yellow);
}.cookie-notice {
position: fixed;
bottom: -100%;
right: 0;
z-index: 1000000;
display: flex;
background-color: var(--morrisgd-color-yellow);
border-radius: 7px;
margin: 24px;
padding: 24px;
width: 352px;
flex-direction: column;
transition: 1s;
}
.cookie-title {
font-size: 24px;
margin: 0;
padding: 0;
padding-bottom: 8px;
font-weight: 400;
color: #131312;
font-family: 'Montserrat', arial, sans-serif;
}
.cookie-text {
color: #545741;
margin: 0;
line-height: 1.5;
font-size: 18px;
letter-spacing: normal;
max-height: 200px;
overflow-y: auto;
}
#cookieClose {
display: flex;
cursor: pointer;
font-size: 14px;
color: #dbdbdb;
background-color: var(--morrisgd-color-light-black);
margin-top: 24px;
margin-bottom: 4px;
padding: 4px 16px 4px 16px;
border-radius: 0;
border: 0;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
font-family: 'Montserrat', arial, sans-serif;
flex-direction: column;
min-height: 40px;
justify-content: center;
align-items: center;
}
#cookieClose:hover {
background-color: var(--morrisgd-color-dark-black);
}
@media screen and ((max-width: 720px)) {
.cookie-notice {
right: 0;
margin: 0;
width: 100%;
box-sizing: border-box;
border-radius: 0;
}
.cookie-title {
font-size: 22px;
}
.cookie-text {
font-size: 16px;
}
} .footer {
background-color: var(--morrisgd-color-dark-black);
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 32px 75px 32px 75px;
box-sizing: border-box;
}
.footer-left, .footer-right {
flex: 1 1 0px;
}
.footer-widgets {
flex: 0 1 20%;
}
.footer-right {
text-align: right;
}
.footer-widgets ul {
list-style: none;
padding: 0;
}
.footer-widgets ul li {
display: flex;
justify-content: center;
}.circle-border-img img {
border-radius: 50% !important;
}
.flex-width-center {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}@media (max-width: 1200px) {
.header-media h1 {
font-size: 42px;
}
}
@media (max-width: 992px) {
.header-media h1 {
font-size: 36px;
}
}
@media (max-width: 768px) {
.header-media h1 {
font-size: 28px;
}
.hamburger-btn-wrap {
display: flex;
}
.top-menu {
display: none;
}
.footer {
padding: 32px;
flex-direction: column;
}
}
@media (max-width: 480px) {
.hamburger-btn-wrap {
display: flex;
}
.top-menu {
display: none;
} }
@media (max-width: 320px) { }