.page-template-tmpl_cookt-page header .wrapper .row,
.page-template-castellini header .wrapper .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
@media (min-width: 600px) {
.page-template-tmpl_cookt-page header .wrapper .row,
.page-template-castellini header .wrapper .row {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.page-template-tmpl_cookt-page header .wrapper .row .header-logo,
.page-template-castellini header .wrapper .row .header-logo {
max-width: 100px;
}
@media (min-width: 600px) {
.page-template-tmpl_cookt-page header .wrapper .row .header-logo,
.page-template-castellini header .wrapper .row .header-logo {
max-width: 140px;
}
}
.page-template-tmpl_cookt-page .header_menu li,
.page-template-castellini .header_menu li {
padding: 0 1em;
}
@media (min-width: 600px) {
.page-template-tmpl_cookt-page .header_menu li,
.page-template-castellini .header_menu li {
padding: 1em;
}
}
.page-template-tmpl_cookt-page .header_menu li a,
.page-template-castellini .header_menu li a {
font-size: 1em;
}
@media (min-width: 600px) {
.page-template-tmpl_cookt-page .header_menu li a,
.page-template-castellini .header_menu li a {
font-size: 1.45em;
}
}
.page-template-tmpl_cookt-page .card--1x2__title,
.page-template-castellini .card--1x2__title {
white-space: normal;
overflow: hidden;
text-overflow: initial;
max-width: 100%;
}
.page-template-tmpl_cookt-page .card--1x2__excerpt,
.page-template-castellini .card--1x2__excerpt {
max-width: 100%;
}
@media (min-width: 1240px) {
.card--1x2__excerpt, .card--1x2--sm__excerpt {
max-width: 100%;
}
}
.castellini-page-template .hero_background_image {
background-image: url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/img/pizzapasta/hero-t.png);
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 100%;
box-shadow: 0px 0px 0px 4000px rgba(0, 0, 0, 0.5) inset;
height: 464px;
position: relative;
}
@media (min-width: 905px) {
.castellini-page-template .hero_background_image {
background-image: url(//donkrcfoodservice.com.au/wp-content/themes/donkrc_foodservice/assets/img/pizzapasta/hero-t.png);
background-position: 50% 50%;
height: 770px;
}
}
.castellini-page-template .hero_heading_image {
position: absolute;
left: 50%;
top: 40%;
max-width: 1020px;
min-width: 320px;
width: 100%;
-webkit-transform: translateX(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 920px) {
.castellini-page-template .hero_heading_image {
max-width: 65%;
top: 40%;
}
}
@media (min-width: 1240px) {
.castellini-page-template .hero_heading_image {
top: 45%;
left: 50%;
}
}
.castellini-page-template .hero_heading_image .main_image {
margin-bottom: 2rem;
width: 100%;
}
@media (min-width: 905px) {
.castellini-page-template .hero_heading_image .main_image {
margin-bottom: 0
}
}
.hero_heading {
display: block;
color: #ffffff;
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 1.5rem;
text-align: center;
text-transform: uppercase;
}
.hero_heading_logo {
display: flex;
justify-content: center;
margin-bottom: 2rem;
}
@media (max-width: 768px) {
.hero_heading_logo {
justify-content: space-between;
}
} 
.hero_heading_logo img {
height: auto;
width: 100%;
object-fit: contain;
margin: 0 2rem;
max-width: 214px;
}
@media (max-width: 768px) {
.hero_heading_logo {
margin-top: 1rem;
}
.hero_heading_logo img {
width: 25%
}
}
.castellini-page-template .hero_scroll {
position: absolute;
left: 50%;
bottom: 0%;
text-align: center;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 150ms linear;
transition: all 150ms linear;
}
.castellini-page-template .hero_scroll p {
color: #FFFFFF;
}
.checkmark-heading {
font-family: "Din Condensed";
font-size: 2.2rem;
font-weight: 700;
line-height: 1.2;
margin-top: 1.5rem;
margin-bottom: 0;
text-align: center;
text-transform: uppercase;
}
@media (min-width: 600px) {
.checkmark-heading {
font-size: 4rem;	
}
}
.castellini-page-template .checkmark-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
list-style-type: none;
padding: 0;
}
.checkmark-list-02 {
margin-top:1rem;
width: 400px;
}
@media (min-width: 768px) {
.checkmark-list-02 {
width: 800px;
}
}
@media (min-width: 600px) {
.checkmark-heading {
font-size: 4rem;  
}
}
@media (min-width: 905px) {
.castellini-page-template .checkmark-list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 700px;
margin: 1rem auto;
}
}
.castellini-page-template .checkmark-list li {
color: #020F50;
display: block;
font-size: 1.2em;
font-weight: 700;
margin: .3em 0;
padding-right: 1.25em;
}
@media (min-width: 600px) {
.castellini-page-template .checkmark-list li {
font-size: 1.5em;
}
}
.castellini-page-template .checkmark-list li:before {
content: '';
background-image: url('data:image/svg+xml,<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 14L10 22L30 2" stroke="%23CB122D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-repeat: no-repeat;
background-size: 22px;
background-position: center;
display: inline-block;
height: 20px;
width: 24px;
padding-right: .4em;
}
.castellini-page-template .checkmark-list_container {
margin: 0 auto;
max-width: 800px;
padding: 1.5em 1em;
}
@media (min-width: 905px) {
.castellini-page-template .checkmark-list_container {
padding: 0;
text-align: center;
}
}
.castellini-page-template .checkmark-list_container a {
text-decoration: none;
}
.castellini-page-template .checkmark-list_container .red {
color: #CB122D;
font-weight: 700;
}
@media (min-width: 600px) {
.castellini-page-template .checkmark-list_container .red {
padding-left: 2em;
}
}
.castellini-page-template .checkmark-list-cta {
padding-top: 0;
padding-bottom: 3rem;
text-align: center;
}
.castellini-page-template .checkmark-list-cta .range-cta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 600px) {
.castellini-page-template .checkmark-list-cta .range-cta {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.castellini-page-template .carousel {
background: #F2F2F2;
}
.castellini-page-template .carousel .slick-next,
.castellini-page-template .carousel .slick-prev {
display: none !important;
}
@media (min-width: 600px) {
.castellini-page-template .carousel .slick-next,
.castellini-page-template .carousel .slick-prev {
display: inline !important;
}
}
.carousel__top-item-logo {
margin: 2rem auto 0;
max-width: 220px;
}
@media (max-width: 768px) {
.carousel__top-item-logo {
max-width: 200px
}
}
@media (min-width: 768px) {
.carousel__top-item-logo-3 {
margin-top: 3rem;
}
}
.carousel__mid {
margin: 1.5rem;
margin-bottom: 20px!important;
text-align: center;
}
.carousel__mid-item p {
color: #222222
}
.carousel__btm {
margin-bottom: 80px
}
.castellini-page-template .carousel .testimonial {
padding: 2.5em 1em;
}
@media (min-width: 600px) {
.castellini-page-template .carousel .testimonial {
padding: 2.5em 0;
}
}
.castellini-page-template .carousel .testimonial h3 {
font-weight: 700;
line-height: 1.5;
margin-bottom: 0;
}
.castellini-page-template .carousel .testimonial p {
color: #CB122D;
}
.castellini-page-template .carousel .testimonial_container {
margin: 0 auto;
max-width: 700px;
text-align: center;
}
.castellini-page-template .product_cta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 1em 1em 3em;
}
.castellini-page-template .subscribe-form {
background-position: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 3em;
}
.castellini-page-template .subscribe-form * {
color: #FFFFFF
}
.gfield_consent_label {
color: #FFFFFF;
font-weight: 300;
}
.castellini-page-template .card__wrapper {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1100px;
}
.bg-blue {
background: #020F50
}
.bg-blue p {
color: #ffffff
}
.castellini-range {
padding: 1.5rem
}
.c-form-heading {
color: #ffffff;
font-size: 1.55rem;
margin-top: 4rem;
margin-bottom: 1rem;
text-align: center;
}
#gform_6 {
margin: 0 auto;
max-width: 90%;
position: relative;
padding-bottom: 12rem;
text-align: center;
}
@media (min-width: 600px) {
#gform_6 {
max-width: 720px;
padding-bottom: 9rem;
}	
}
#gform_6 select {
background: #FFFFFF;
background-image: url('data:image/svg+xml,<svg data-slot="icon" fill="none" stroke-width="1.5" stroke="%23020F50" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg>');
background-repeat: no-repeat;
background-size: 24px;
background-position-x: 99%;
background-position-y: 12px;
border: 1px solid #A5A7AF;
cursor: pointer;
font-family: "Din Pro", Helvetica, Arial, sans-serif;
font-size: 16px;
font-size: 1em;
font-weight: 300;
line-height: 24px;
border-radius: 8px;
margin: 0;
outline: 0;
padding: 12px 16px!important;
}
#gform_6 input[type="text"],
#gform_6 input[type="email"],
#gform_6 input[type="tel"],
#gform_6 .gfield_select
#gform_6 option  {
color: #020F50
}
#gform_6 input[type="text"]::placeholder,
#gform_6 input[type="email"]::placeholder,
#gform_6 input[type="number"]::placeholder,
#gform_6 .gfield_select {
color: #9C9C9C;
}
#gform_submit_button_6 {
font-weight: 500;
margin: 0 auto;
text-transform: uppercase;
width: 110px;
}
#input_6_3_3 {
color: #9C9C9C;
}
#field_6_15 {
position: absolute;
bottom: 60px;
left: 50%;
text-align: center;
transform: translateX(-50%);
width: 100%;
}
#field_6∂_19 {
color: #ffffff;
text-align: left;
}
#gform_7 {
margin: 0 auto;
max-width: 90%;
position: relative;
padding-bottom: 12rem;
text-align: center;
}
@media (min-width: 600px) {
#gform_7 {
max-width: 720px;
padding-bottom: 4rem;
padding-top: 4rem;
} 
}
#gform_7 select {
background: #FFFFFF;
background-image: url('data:image/svg+xml,<svg data-slot="icon" fill="none" stroke-width="1.5" stroke="%23020F50" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg>');
background-repeat: no-repeat;
background-size: 24px;
background-position-x: 99%;
background-position-y: 12px;
border: 1px solid #A5A7AF;
cursor: pointer;
font-family: "Din Pro", Helvetica, Arial, sans-serif;
font-size: 16px;
font-size: 1em;
font-weight: 300;
line-height: 24px;
border-radius: 8px;
margin: 0;
outline: 0;
padding: 12px 16px!important;
}
#gform_7 input[type="text"],
#gform_7 input[type="email"],
#gform_7 input[type="tel"],
#gform_7 .gfield_select
#gform_7 option  {
color: #020F50
}
#gform_7 input[type="text"]::placeholder,
#gform_7 input[type="email"]::placeholder,
#gform_7 input[type="number"]::placeholder,
#gform_7 .gfield_select {
color: #9C9C9C;
}
#gform_submit_button_7 {
font-weight: 500;
margin: 0 auto;
text-transform: uppercase;
width: 110px;
}
#input_7_3_3 {
color: #9C9C9C;
}
#field_7_15 {
text-align: center;
}
#field_7_19 {
color: #ffffff;
text-align: left;
}
#field_7_14, 
#field_7_32 {
text-align: left
}
@media (min-width: 600px) {
#field_7_14 {
margin-left: 2rem;
text-align: left;
}
#field_7_32 {
margin-left: 2rem;
margin-top: -1.5rem;
text-align: left;
}
}
.gfield-choice-input {
margin: .7rem .5rem .9rem 0!important;
}
.gfield_validation_message {
color: red!important;
padding: 0!important;
text-align: left;
}
.text-center {
text-align: center;
}
@media only screen and  (min-width: 1240px) {
.card--1x2 {
height: 423px;
max-width: 350px;
}
.card--1x2__container {
margin: .75rem .75rem 1rem;
max-width: 350px;
}
.card--1x2__container:nth-child(4n), .card--1x2--sm__container:nth-child(4n) {
margin-right: .75rem
}
.card--1x2__container:nth-child(4n + 1), .card--1x2--sm__container:nth-child(4n + 1) {
margin-left: .75rem
}
}
@media only screen and (min-width: 768px and max-width: 1239px) {
.card--1x2 {
max-width: 370px;
}
}
.card--1x2__title {
white-space: pre-wrap;
overflow: visible;
text-overflow: inherit;
text-transform: uppercase;
}
.cards-grid {
margin-bottom: 0;
}
.cards-grid .container {
padding: 0;
}
@media (max-width: 600px) {
.cards-grid {
margin: 0;
}
}
.uppercase {text-transform: uppercase}
.d-block {display: block;font-weight:500}
.red {color: #CB122D;text-decoration-color:#CB122D;}
.undliner {text-decoration: underline}
.uppercase {text-transform: uppercase}
.castellini-confirmation {	
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 700px;
max-width: 900px;
margin: 0 auto;
text-align: center;
}
.castellini-confirmation h3 { color:#ffffff;font-size: 5rem; font-family: "Din Condensed";margin: 0;}
.castellini-confirmation p { color:#ffffff;font-size: 1.5rem; font-weight: 500 }
.range-list {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
max-width: 1110px;
margin: 0 auto;
padding-left: 5rem;
}
.range-list li a {
text-decoration: none;
}
@media (max-width: 920px) {
.range-list {
columns: 1;
padding-top: 2rem;
padding-left: 0;
}
}
.slick-dotted.slick-slider {
margin-bottom: 60px
}
.slick-dots {
bottom: -40px
}
.slick-dots li {
margin: 0 2px;
}
.slick-dots li button {
background: #eee;
width: 5px;
}
.slick-active button {
background: #bbb!important
}
.flex-row {
display: flex;
gap: 1rem;
justify-content: center;
}
@media (max-width: 768px) {
.flex-row {
flex-direction: column;
}
}
.full-width-video {
margin: 0 auto 3rem;
text-align: center;
}
.full-width-video h4 {
font-size: 1.55rem;
margin-bottom: 0;
margin-top: 0;
}
.video-container {
width: 100%;
border-radius: 12px;
margin: 0 auto;
padding: 1rem 0 2rem;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
.video-wrapper {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
video {
width: 100%;
height: 100%;
border-radius: 4px;
}
}
@media (min-width: 600px) {
.video-container {
padding: 1rem;
width: 90%;
}
}
.play-button-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: auto;
pointer-events: none;
}
#circle-play-b,
#circle-play-b1,
#circle-play-b2,
#circle-play-b3 {
cursor: pointer;
pointer-events: auto;
svg {
width: 100px;
height: 100px;
fill: #fff;
stroke: #fff;
cursor: pointer;
background-color: rgba(black, 0.2);
border-radius: 50%;
opacity: 0.9;
}
}
@media only screen and (min-width: 1320px) {
.video-2 {
height: 347px!important;
}
}
.custom-next:before, .custom-prev:before {
background-color: none!important;
border: none;
height: 30px;
width: 142px;
}
.slick-next {
right: 55px;
}
.slick-prev {
left: 55px;
}
.chosen-choices {
border-radius: 8px!important;
padding: 7px 0!important;
}
.chosen-search-input {
color: #9C9C9C!important;
font-family: "Din Pro", Helvetica, Arial, sans-serif!important;
}
@media only screen and (max-width: 768px) {
.gform_wrapper.gravity-theme .chosen-container.chosen-container-multi ul.chosen-choices li.search-field {     
width: 95%!important 
}
}
.search-choice {
margin-left: .5rem!important;
}
.white-container {
background-color: #fff!important;
border-radius: 8px;
height: auto;
margin: 0;
overflow: hidden;
position: relative;
color: #9C9C9C;
font-weight: 300;
text-align: left;
padding: 0 1rem !important;
}
.white-container .gfield-choice-input {
width: 20px;
height: 20px;
}
@media ( max-width: 768px ) {  
#field_7_1 {
order: 1;
}
#field_7_21, #field_7_6, #field_7_5, #field_7_7, #field_7_9 {
order: 2; 
}
#field_7_35, #field_7_37, #field_7_39 { 
order: 3; 
}
#field_7_14, #field_7_32, #field_7_15 {
order: 4;
}
}