:root {
--site-max-width: 1440px;
} .site-content {
max-width: var(--site-max-width);
width: 100%;
margin: auto;
padding-left: 12px;
padding-right: 12px;
}  #masthead,
.ast-main-header-wrap,
.ast-primary-header-bar,
.main-header-bar {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
background: transparent !important;
} #masthead .ast-container,
.ast-primary-header-bar .ast-container,
.main-header-bar .ast-container {
max-width: var(--site-max-width);
width: 100%;
margin-left: auto;
margin-right: auto;
background: transparent !important;
padding-left: 100px !important;
padding-right: 100px !important;
} #page {
max-width: var(--site-max-width);
margin-left: auto;
margin-right: auto;
} header#masthead {
margin-top: 0 !important;
margin-bottom: 0 !important;
position: absolute !important;
top: 0;
left: 0;
right: 0;
z-index: 20;
width: 100% !important;
} body:not(.page-template-home-page-template-empty) #page {
padding-top: 175px;
} .page-template-home-page-template-empty #page {
padding-top: 0;
}
.page-template-home-page-template-empty .site-content {
padding-left: 0;
padding-right: 0;
} .page-template-home-page-template-empty .main-content .pt100 {
padding-top: 200px !important;
}
@media only screen and (max-width: 1149px) {
.page-template-home-page-template-empty .main-content .pt100 {
padding-top: 220px !important;
}
} .single .main-header-bar,
.single .ast-primary-header-bar,
body.single #masthead .ast-main-header-wrap {
background: linear-gradient(293.2deg, #1266D6 15.63%, #0D50A8 91.91%) !important;
} .archive .main-header-bar,
.archive .ast-primary-header-bar,
body.archive #masthead .ast-main-header-wrap {
background: linear-gradient(293.2deg, #1266D6 15.63%, #0D50A8 91.91%) !important;
}
.main-header-bar {
padding-left: 0 !important;
padding-right: 0 !important;
}
header .ast-site-identity .site-description {
color: #fff !important;
}
@media only screen and (max-width: 1149px) { #masthead .ast-container .site-branding {
width: 100%;
}
.ast-masthead-custom-menu-items.button-custom-menu-item {
padding: 0;
}
.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button {
padding: 12px 12px !important;
} #masthead .ast-container {
padding-left: 40px !important;
padding-right: 40px !important;
} .main-content .block {
padding: 0 40px !important;
}
}
@media only screen and (max-width: 639px) {
#masthead .ast-container {
padding-left: 50px !important;
padding-right: 50px !important;
}
}
@media only screen and (max-width: 590px) {
.main-header-menu > li > .menu-link {
color: unset !important;
}
.main-header-menu > .menu-item:hover > .menu-link {
color: #0167cd !important;
}
}
@media only screen and (max-width: 499px) {
#masthead .ast-container {
padding-left: 25px !important;
padding-right: 25px !important;
}
} .site-footer {
max-width: var(--site-max-width);
width: 100%;
margin-left: auto;
margin-right: auto;
} .ast-small-footer > div.ast-footer-overlay,
.ast-small-footer > .ast-footer-overlay {
background: #0c53ab !important;
}
.footer-adv .footer-adv-overlay,
.footer-adv-overlay {
background: #0c53ab !important;
} .footer-adv,
.site-footer .footer-adv {
background: #0c53ab !important;
}
.footer-adv a:hover {
color: #b4dbff;
} body:not(.page-template-home-page-template-empty) footer.site-footer::before {
content: url(https://www.dinolingo.com/wp-content/uploads/2024/12/vector2.svg);
display: block;
overflow: hidden;
margin-bottom: -13px;
} .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button {
background: linear-gradient(23deg, #E66D0D 59.28%, #FFC700 131.43%);
display: block;
border-radius: 100px;
color: #fff;
text-decoration: none;
padding: 12px 32px !important;
font-weight: 600;
box-shadow: 0 4px 17px #00000036;
opacity: 95%;
text-align: center;
width: fit-content;
}
.main-header-menu > li > .menu-link,
header .ast-site-identity .site-description {
color: #fff !important;
}
.main-navigation a:hover,
.main-header-menu a:hover,
.menu-link:hover,
.main-navigation a:focus,
.main-header-menu a:focus,
.menu-link:focus,
.current-menu-item a,
.current-menu-item .menu-link,
[aria-current="page"] {
color: #C8DDF9 !important;
} a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible,
.wp-block-button__link:focus-visible {
outline: 2px solid #fff;
outline-offset: 2px;
box-shadow: 0 0 0 4px #000;
}  .alignwide,
.wp-block-media-text.alignwide,
.wp-block-group.alignwide {
max-width: var(--site-max-width);
margin-left: auto;
margin-right: auto;
} .wp-block-group.is-layout-constrained {
max-width: var(--site-max-width);
} .entry-content > .alignfull {
max-width: none !important;
width: 100%;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
} .site-content .ast-container,
.entry-content,
.wp-site-blocks {
max-width: var(--site-max-width);
margin-left: auto;
margin-right: auto;
} .single .site-content,
.single .site-content .ast-container,
.single .entry-content,
.single .ast-single-post-order,
.single article.post,
.single .ast-article-single {
max-width: var(--site-max-width);
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 12px;
padding-right: 12px;
box-sizing: border-box;
} .single .entry-header,
.single .ast-single-post .entry-header {
max-width: var(--site-max-width);
margin-left: auto;
margin-right: auto;
} .archive .site-content .ast-container,
.category .site-content .ast-container,
.blog .site-content .ast-container {
max-width: var(--site-max-width);
margin-left: auto;
margin-right: auto;
padding-left: 12px;
padding-right: 12px;
}  .ast-header-break-point .main-header-bar-navigation {
background: #fff !important;
}
.ast-header-break-point .main-header-bar-navigation .main-header-menu {
background: #fff !important;
}
@media (max-width: 1149px) { .main-header-menu > li > .menu-link,
.main-header-menu > .menu-item > .menu-link,
.main-header-menu a,
.main-header-menu .menu-link,
.main-header-bar-navigation .menu-link,
.main-header-bar-navigation a {
color: #0c53ab !important;
}
.main-header-menu > li > .menu-link:hover,
.main-header-menu > .menu-item > .menu-link:hover,
.main-header-menu a:hover,
.main-header-menu .menu-link:hover,
.main-header-bar-navigation .menu-link:hover,
.main-header-bar-navigation a:hover {
color: #003d7a !important;
}
.main-header-menu .current-menu-item > .menu-link,
.main-header-menu .current-menu-item a {
color: #003d7a !important;
font-weight: 600;
} .ast-mobile-popup-drawer,
.ast-mobile-popup-content,
.ast-mobile-popup-inner {
background: #fff !important;
}
.ast-mobile-popup-drawer .menu-link,
.ast-mobile-popup-drawer a,
.ast-mobile-popup-content .menu-link,
.ast-mobile-popup-content a,
.ast-mobile-header-content .menu-link,
.ast-mobile-header-content a,
.ast-mobile-popup-drawer .menu-item > .menu-link,
.ast-mobile-popup-drawer .menu-item > .ast-menu-toggle,
.ast-mobile-popup-drawer .ast-button-wrap .menu-link,
.ast-mobile-popup-content .ast-button-wrap a,
.ast-mobile-popup-inner .menu-link,
.ast-mobile-popup-inner a {
color: #0c53ab !important;
}
.ast-mobile-popup-drawer .menu-link:hover,
.ast-mobile-popup-drawer a:hover,
.ast-mobile-popup-content .menu-link:hover,
.ast-mobile-popup-content a:hover,
.ast-mobile-header-content .menu-link:hover,
.ast-mobile-header-content a:hover {
color: #003d7a !important;
} .ast-header-break-point .ast-menu-toggle,
.ast-mobile-popup-drawer .ast-menu-toggle {
color: #0c53ab !important;
} .main-header-bar-navigation .sub-menu a,
.main-header-bar-navigation .sub-menu .menu-link,
.ast-mobile-popup-drawer .sub-menu a,
.ast-mobile-popup-drawer .sub-menu .menu-link,
.ast-mobile-popup-content .sub-menu a,
.ast-mobile-popup-content .sub-menu .menu-link {
color: #333 !important;
font-size: 15px;
}
} html,
body {
overflow-x: hidden;
}
body {
padding-top: 0 !important;
} .dl-quote {
margin: 0 0 12px;
font-size: 15px;
line-height: 1.55;
color: #333333;
opacity: 0.92;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.dl-name {
font-weight: 600;
font-size: 14px;
color: #1a1a1a;
opacity: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .dino-banner-card {
align-self: center !important;
}
.main-content .section {
max-width: 100vw;
}