#countdown-section{
background-color: #ed6d63;
display: grid;
grid-template-columns: 2fr 1fr;
}
#countholder{
font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
background-color: #ed6d63;
color: #445276;
display: inline-block;
font-weight: 100;
text-align: center;
font-size: 38px;
padding:20px;
border-radius: 6px;
line-height: 45px;
letter-spacing: -6px;
}
#text-countdown h2{
color: #fff !important;
font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
text-align: center;
margin-top: 46px;
font-size: 25px;
font-weight: 500;
}
#day-to-deliver{
background-color: #ed6d63 !important;
color: #445276 !important;
background: none !important;
}
#countholder > div{
padding: 4px 5px;
border-radius: 8px;
display: inline-block;
}
.tiles{
border-radius: 8px !important;
display: inline-block;
letter-spacing: -1px;
}
#countholder .smalltext{
font-size: 13px;
color: #fff;
letter-spacing: normal !important;
font-weight: 500;
}
.tiles{
height: 50px;
width: 30px;
border-radius: 3px;
background-color: #fff !important;
background: linear-gradient(#F5F5F5 50%, #fff 50%) !important;
color: #445276 !important;
font-weight: 600;
}
@media only screen and (max-width: 1200px) {
#countdown-section{
grid-template-columns: 2fr 2fr;
}
#text-countdown h2{
margin-top: 30px !important;
}
}
@media only screen and (max-width: 1150px) {
#text-countdown h2{
font-size: 20px !important;
}
.tiles{
height: 50px;
width: 30px;
}
#countholder{
font-size: 38px;
}
}
@media only screen and (max-width: 1030px){
#countdown-section{
grid-template-columns: 2fr;
}
#text-countdown h2{
margin-top: 20px;
}
#countholder{
padding: 10px;
}
}
@media only screen and (max-width: 950px) {
#text-countdown h2{
font-size: 14px;
}
.tiles{
height: 45px;
width: 24px;
border-radius: 5px !important;
font-weight: 400;
}
#countholder{
font-size: 34px;
}
.smalltext{
font-size: 10px;
}
}
@media only screen and (max-width: 750px) {
#text-countdown h2{
font-size: 13px;
}
.tiles{
height: 45px;
width: 24px;
border-radius: 4px !important;
}
#countholder{
font-size: 34px;
}
}
@media only screen and (max-width: 600px) {
#text-countdown h2{
font-size: 16px !important;
}
.tiles{
height: 35px;
width: 20px;
}
#countholder{
font-size: 28px;
line-height: 35px;
}
}[data-accordion] [data-content] {overflow: hidden; max-height: 0;}
[data-accordion] {line-height: auto;}
[data-control],
[data-content] > * {padding: 5px;}
[data-content] [data-accordion] {border: 0; padding: 0;}
[data-accordion] [data-control] {position: relative;}
[data-accordion] > [data-control]:after {content: ""; position: absolute; right: 10px; top: 0; bottom: 0; color: #444; width: 24px; background: url(//www.plotbot.co.uk/wp-content/plugins/sp-faq/assets/images/down.png) center center no-repeat; background-size: 50%;}
[data-accordion].open > [data-control]:after {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}
.faq-title{cursor:pointer; padding:15px 30px 15px 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.faq-title h4{margin:0px !important; font-size:20px !important; line-height:22px !important; padding: 0 !important;}
.faq-accordion .faq-main{border:1px solid #d9d9d9; margin-bottom:15px; background:#f4f4f4; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.faq-accordion .faq-main.open{background:#fff;}
.faq-accordion .faq-main.open h4{color:#333}