/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{font-family: "Poppins", serif; font-weight: 400; font-size: 16px; margin-top: 0; color: #333;}

h1{font-size: 36px; text-align: center;}
.page-node-type-product h1{text-align: left;}
.page-header{padding-bottom: 15px; margin: 40px 0 30px;}
.page-node-type-product .page-header{border-bottom: 0; padding-bottom: 0;}
h2{font-size: 26px; margin-bottom: 30px;}
h3{}
h1,h2,h3,h4,h5,h6{font-weight: 700;}
p{margin-bottom: 20px;}
hr{margin-top: 30px; margin-bottom: 30px; border: 0; border-top: 1px solid #333;}
ul{margin-bottom: 20px;}
a,
a:active,
a:hover{color: #55b0dd; text-decoration: none;}
.btn-primary,
.field--name-field-link a,
.view-banner .views-row .views-field-nothing .link a,
.button{background: #55b0dd; border: 1px #55b0dd;}
.field--name-field-link a,
.view-banner .views-row .views-field-nothing .link a,
.button{display: inline-block; margin-top: 30px; padding: 15px 30px; color: white;}
.btn-primary:hover,
.field--name-field-link:hover a,
.button:hover{background: #55b0dd; border: 1px #55b0dd; color: white;}
button{margin-right: 15px !important;}
.tabs--primary{margin-top: 30px;}

/* TABLES */
.cols-3{text-align: center;}
.cols-3 tr:nth-child(odd) td:nth-child(odd),
.cols-3 tr:nth-child(even) td:nth-child(even){background: #eeeeee; border-radius: 15px;}
.cols-3 td{padding: 30px; vertical-align: top;}

.logo{float: none !important;}
.logo img{padding: 30px 0;}

/* HEADER MENU & SEARCH */
.menu--footer,
#block-jemford-exposedformstorepage-1{float: right; clear: right;}
.menu--footer{margin: 30px 0 15px;}
.menu--footer li{display: inline-block;}
.menu--footer li a{padding: 0 0 0 10px; color: black;}
.menu--footer li:hover a{color: #55b0dd; background: none;}
#block-jemford-exposedformstorepage-1{margin-bottom: 30px;}
#block-jemford-exposedformstorepage-1 input{border-radius: 5px 0 0 5px; border-right: 0;}
#block-jemford-exposedformstorepage-1 button{margin-right: 0 !important; margin-top: 0; padding: 6px 12px; border-radius: 0 5px 5px 0; border: 1px solid #55b0dd}

.navbar-header{width: 100%;}
.navbar-toggle{position: absolute; top: 0; right: 0; background: #55b0dd;}
.navbar{margin-bottom: 0;}
.collapsible-bg{background: #55b0dd;}
.navbar-default{border: 0;}
.navbar-default .dropdown-menu{background: #f5f5f5; border: 0; box-shadow: 0 0; font-size: inherit; padding: 30px 15px 30px; border: #55b0dd solid 2px; border-top: 0;}
.navbar-default .dropdown-menu li{width: 100%;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{background: none;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background: #f5f5f5; color: black !important; border-left: #55b0dd solid 2px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color: black !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background: #f5f5f5; color: black !important;;}
.navbar-default .navbar-toggle .icon-bar{background-color: white;}
.navbar-default .navbar-nav > li > a{color: white;}

.menu.menu--main{display: flex; align-items: center; justify-content: center;}
.menu.menu--main li{font-weight: 400}
.menu.menu--main .caret{display: none;}

.logo{padding: 30px 0 5px;}
#block-jemford-starterkit-block-1{text-align: right; padding: 30px 0 5px; color: white;}

/* FLEXSLIDER */
.container-header{margin-bottom: 0; padding: 0;}
.container-header-heading{padding: 0;}
.container-header-heading img{width: 100%}

/* BANNER */
.region-header{margin-bottom: 60px;}
.block-views-blockbanner-block-1{background: steelblue url('/sites/default/files/theme/banner.png') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: white;}
.view-banner{max-width: 1170px; margin: 0 auto;}
.view-banner .views_slideshow_cycle_main{margin-top: 30px; margin-bottom: 30px;}
.view-banner .views-row{display: flex; width: 100%; align-items: center; flex-wrap: wrap;}
.view-banner .views-row .views-field{padding: 30px;}
.view-banner .views-row .views-field-nothing{width: 60%;}
.view-banner .views-row .views-field-nothing .title{font-size: 3em; margin-bottom: 30px;}
.view-banner .views-row .views-field-nothing .link{}
.view-banner .views-row .views-field-field-image-banner{width: 40%;}
.view-banner .views-row .views-field ul{width: 100%; display: block;}
.view-banner .views-row .views-field img{border-radius: 15px; border: 15px solid #55b0dd; width: 100%; background: white;}
.view-banner .views-slideshow-controls-bottom .views-slideshow-pager-bullets li{background: white;}
.view-banner .views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active,
.view-banner .views-slideshow-controls-bottom .views-slideshow-pager-bullets li:hover{background: #55b0dd;}

.breadcrumb{margin-top: 30px;}

iframe.map{width: 100%; height: 400px;}

.main-container .block,
.main-container .cols-3{margin: 60px 0;}

.region-sidebar-first{margin-top: 148px;}

.author{margin-bottom: 30px;}

.field--name-body .field--name-field-media-image img{width: 100%; height: auto;}

.field--name-webform{margin-top: 60px}
.field--name-webform input,
.field--name-webform textarea{border: 3px solid #eee; border-top: 2px solid #eee; border-radius: 0; font-size: 1.25em; padding: 20px 15px}

/* VIDEOS (FITTING) */
.block-views-blockproducts-node-block-1,
.block-views-blockproducts-node-block-2{float: right; margin: 0 0 30px 30px !important; width: 50%;}
.block-views-blockproducts-node-block-1 .field--name-field-media-oembed-video,
.block-views-blockproducts-node-block-1 .field--name-field-media-video-file,
.block-views-blockproducts-node-block-4 .field--name-field-media-oembed-video,
.block-views-blockproducts-node-block-4 .field--name-field-media-video-file,
.field--name-field-media-oembed-video,
.field--name-field-media-video-file{position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */}
.block-views-blockproducts-node-block-4 .views-field.views-field-field-video > div{font-size: 0;}
.block-views-blockproducts-node-block-4 .views-field.views-field-field-video > div > div{width: 50%; display: inline-block;}
/* Then style the iframe to fit in the container div with full height and width */
.block-views-blockproducts-node-block-1 .field--name-field-media-oembed-video iframe,
.block-views-blockproducts-node-block-1 .field--name-field-media-video-file video,
.block-views-blockproducts-node-block-4 .field--name-field-media-oembed-video iframe,
.block-views-blockproducts-node-block-4 .field--name-field-media-video-file video,
.field--name-field-media-oembed-video iframe,
.field--name-field-media-video-file video{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;}
.block-views-blockproducts-node-block-4 .field--name-field-media-oembed-video iframe,
.block-views-blockproducts-node-block-4 .field--name-field-media-video-file video{padding: 15px;}

/* STORE */
#block-jemford-exposedformstorepage-1 fieldset,
#block-jemford-exposedformstorepage-1 .form-item.js-form-wrapper{display: none;}
#block-jemford-exposedformstorepage-1 .form--inline .form-item{margin-right: 0;}
#block-jemford-exposedformstorepage-1 input{border: 3px solid #eee; border-right: 0; border-top: 2px solid #eee; border-radius: 5px 0 0 5px;}
#block-jemford-exposedformstorepage-1 button:nth-child(2){display: none;}

.view-taxonomy-term .field--name-description,
.view-taxonomy-term .field--name-field-downloads-information-pape{margin-bottom: 45px;}
.view-store .view-content,
.view-taxonomy-term .view-content,
#block-jemford-views-block-products-related-block-3 .view-content,
#block-jemford-views-block-products-related-block-4 .view-content{display: flex; flex-wrap: wrap;}
#block-jemford-views-block-products-related-block-3 h2,
#block-jemford-views-block-products-related-block-4 h2{font-weight: 400; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.view-store .view-content .views-row,
.view-taxonomy-term .view-content .views-row,
#block-jemford-views-block-products-related-block-3 .view-content .views-row,
#block-jemford-views-block-products-related-block-4 .view-content .views-row{width: 30.333%; margin: 1.5%; background: #f5f5f5; border: 1px solid #ddd; border-radius: 5px; transition: 1s;}
.view-store .view-content .views-row a,
.view-taxonomy-term .view-content .views-row a,
#block-jemford-views-block-products-related-block-3 .view-content .views-row a,
#block-jemford-views-block-products-related-block-4 .view-content .views-row a{transition: 1s;}
.view-store .view-content .views-row:hover,
.view-taxonomy-term .view-content .views-row:hover,
#block-jemford-views-block-products-related-block-3 .view-content .views-row:hover,
#block-jemford-views-block-products-related-block-4 .view-content .views-row:hover{background: #55b0dd;}
.view-store .view-content .views-row:hover a,
.view-taxonomy-term .view-content .views-row:hover a,
#block-jemford-views-block-products-related-block-3 .view-content .views-row:hover a,
#block-jemford-views-block-products-related-block-4 .view-content .views-row:hover a{color: white;}
.view-store .field--name-field-media-image,
.view-taxonomy-term .field--name-field-media-image,
#block-jemford-views-block-products-related-block-3 .field--name-field-media-image,
#block-jemford-views-block-products-related-block-4 .field--name-field-media-image{background: white; border-radius: 5px 5px 0 0;}
.view-store img,
.view-taxonomy-term img,
#block-jemford-views-block-products-related-block-3 img,
#block-jemford-views-block-products-related-block-4 img{padding: 15px}
.view-store .views-field-title,
.view-taxonomy-term .views-field-title,
#block-jemford-views-block-products-related-block-3 .views-field-title,
#block-jemford-views-block-products-related-block-4 .views-field-title{border-radius: 0 0 5px 5px; padding: 30px; text-align: center;}
.view-store .views-field-title a,
.view-taxonomy-term .views-field-title a,
#block-jemford-views-block-products-related-block-3 .views-field-title a,
#block-jemford-views-block-products-related-block-4 .views-field-title a{color: black;}

.region-sidebar-first .views-exposed-form .js-form-wrapper{width: 100%;}
.region-sidebar-first .views-exposed-form .js-form-wrapper .panel-heading a:after{content:'+'; float: right;}
.region-sidebar-first .views-exposed-form .form-type-textfield{display: none;}
.region-sidebar-first .views-exposed-form button{width: 100%; font-size: 16px; padding: 10px;}
.region-sidebar-first .views-exposed-form .panel-collapse .form-item{display: block;}
.region-sidebar-first .views-exposed-form .panel-collapse .form-item input{margin-right: 10px;}
.region-sidebar-first .views-exposed-form button:nth-child(2){margin-top: 20px; background: black; border: 1px solid black}
.region-sidebar-first .views-exposed-form .form-checkboxes ul li label{color: #55b0dd}
.region-sidebar-first .views-exposed-form .form-checkboxes ul li ul li label{color: inherit;}
.region-sidebar-first .views-exposed-form .form-checkboxes ul li ul{padding-left: 0;}

/* PRODUCTS */
.block-views-blockproducts-node-block-2 img{margin: 0 auto;}
.page-node-type-product article{float: left; width: 45%;}
.field--name-field-store-page-headline{background: #f5f5f5; padding: 15px; margin-bottom: 30px; font-weight: bold;}
.field--name-field-sale-special-offer-details{font-weight: bold; margin-bottom: 30px; color: #d91c50;}
.field--name-field-product-number{margin-bottom: 30px;}
.field--name-field-old-price:before{content: 'WAS £';}
.field--name-field-price:before{content: '£';}
.field--name-field-price{font-size: 36px; margin-bottom: 30px;}
.field--name-field-old-price{color: #d91c50;}
.field--name-field-price:after{content: 'Price excludes VAT and delivery'; display: block; font-size: 12px;}
.block-views-blockproducts-node-block-3{background: #55b0dd; text-align: center; padding: 15px 30px; font-size: 1.25em; width: 45%; margin: 30px 0 15px 0 !important; float: left; clear: left; transition: 1s;}
.block-views-blockproducts-node-block-3:hover{background: #000;}
.block-views-blockproducts-node-block-3 a{color: white;}
.block-views-blockproducts-node-block-3 .button,
.block-views-blockproducts-node-block-3 .button:hover{margin-top: 0; background: none; padding: 0;}

#block-jemford-views-block-products-related-block-1{border-bottom: dashed 2px #ddd; margin-top: 30px; margin-bottom: 30px; padding-bottom: 45px;}
#block-jemford-views-block-products-related-block-1 .views-field{padding: 30px;}
#block-jemford-views-block-products-related-block-1 .views-field-title{background: #f5f5f5;}
#block-jemford-views-block-products-related-block-1 .views-field-field-alternative-products{background: #55b0dd; color: white;}
#block-jemford-views-block-products-related-block-1 .views-field-field-alternative-products a{color: white;}

#block-jemford-views-block-products-related-block-2{float: left;}

#block-jemford-starterkit-block-51,
#block-jemford-views-block-products-related-block-2{clear: left; width: 45%; margin: 30px 0;}
#block-jemford-starterkit-block-51 svg{color: #55b0dd;}

#block-jemford-views-block-products-related-block-3,
#block-jemford-views-block-products-node-block-4{margin: 0;}
.page-node-type-blog #block-jemford-views-block-products-related-block-3{margin-top: 60px;}

.block-views-blockproducts-node-block-4 .views-label{text-align: center; font-size: 26px;}
.block-views-blockproducts-node-block-4 .field-content{border-top: 1px solid #ddd; padding-top: 30px; margin-top: 15px;}
.block-views-blockproducts-node-block-4 .views-field{margin-bottom: 60px; margin-top: 60px;}
.block-views-blockproducts-node-block-4 .views-field:nth-child(odd){background: #f5f5f5; padding: 30px;}

.block-views-blockproducts-node-block-4 .views-field-uc-product-image .field-content,
.block-views-blockproducts-node-block-4 .views-field-field-file-attachments .field-content{display: flex; flex-wrap: wrap;}
.block-views-blockproducts-node-block-4 .views-field-uc-product-image .field-content > div,
.block-views-blockproducts-node-block-4 .views-field-field-file-attachments .field-content > div{width: 25%; padding: 15px;}
.block-views-blockproducts-node-block-4 .views-field-field-file-attachments .field-content > div .field{background: #f5f5f5;}
.block-views-blockproducts-node-block-4 .views-field-field-file-attachments .field-content > div .file-icon,
.block-views-blockproducts-node-block-4 .views-field-field-file-attachments .field-content > div .file-link,
.block-views-blockproducts-node-block-4 .views-field-field-file-attachments .field-content > div .file-size{display: block; text-align: center; border: 0; background: none; padding: 5px 15px;}
.block-views-blockproducts-node-block-4 .views-field-field-file-attachments .field-content > div .file-icon{font-size: 36px; padding-top: 15px;}
.block-views-blockproducts-node-block-4 .views-field-field-file-attachments .field-content > div .file-icon .text-primary,
.block-views-blockproducts-node-block-4 .views-field-field-file-attachments .field-content > div .file-size{color: #55b0dd !important;}
.block-views-blockproducts-node-block-4 .views-field-field-file-attachments .field-content > div .file-size{padding-bottom: 15px;}
.block-views-blockproducts-node-block-4 .views-field-field-file-attachments .field-content > div .file-link{color: black; font-weight: 400; font-size: 16px;}

/* EVENTS & BLOGS */
.view-events .view-content,
.view-blogs .view-content{display: flex; flex-wrap: wrap;}
.view-events .view-content .views-row,
.view-blogs .view-content .views-row{width: 30.333%; margin: 1.5%; background: #f5f5f5; border: 1px solid #ddd; border-radius: 5px; transition: 1s;}
.view-events .view-content .views-row a,
.view-blogs .view-content .views-row a,
.view-blogs .view-content .views-row .views-field-body{transition: 1s;}
.view-events .view-content .views-row:hover,
.view-blogs .view-content .views-row:hover{background: #55b0dd;}
.view-events .view-content .views-row:hover,
.view-events .view-content .views-row:hover a,
.view-blogs .view-content .views-row:hover a,
.view-blogs .view-content .views-row:hover .views-field-body{color: white;}
.view-events .views-field-field-logo,
.view-blogs .views-field-field-images{background: white; border-radius: 5px 5px 0 0;}
.view-events .views-field-field-logo img,
.view-blogs .views-field-field-images img{padding: 15px; width: 100%;}
.view-events .views-field-title,
.view-blogs .views-field-title{padding: 30px;}
.view-events .views-field-field-date,
.view-blogs .views-field-body{padding: 0 30px 30px;}
.view-events .views-field-title a,
.view-blogs .views-field-title a{color: black;}
.page-node-type-event .field--name-field-logo{margin-bottom: 30px;}
.page-node-type-event .field--name-field-logo img{width: 100%;}
.page-node-type-event .field--name-field-date{margin-bottom: 30px;}
.page-node-type-blog .field--name-field-media-oembed-video{margin-top: 60px; clear: both;}
.field--name-field-tags,
.field--name-field-image-credit{margin-top: 30px;}

/* IMAGE */
.field--name-field-images{float: right; width: 45%; margin: 0 0 30px 30px;}
.field--name-field-images img{margin-bottom: 30px;}

/* PARAGRAPHS */
.view-paragraphs{margin-bottom: 60px;}
.paragraph--type--media-and-text .group{display: flex; flex-wrap: wrap; padding: 0; align-items: center; max-width: 1170px; margin: 0 auto;}
.paragraph--type--media-and-text .group .field{width: 50%;}
.paragraph--type--media-and-text .group .field .field{width: 100%;}
.paragraph--type--media-and-text .group .field--name-field-text-area,
.paragraph--type--media-and-text .field.field--name-field-media-image{padding: 60px;}
.paragraph--type--media-and-text .field.field--name-field-media-image img{margin: 0 auto; width: 100%; max-width: 640px;}

/* PARAGRAPHS STYLES */
.blue{background: #55b0dd; color: white;}
.blue a{color: white;}
.blue .button{background: white; border: 1px white; color: black; display: inline-block; margin-top: 30px; padding: 15px 30px;}
.blue .button:hover{background: white; border: 1px white; color: black;}
.grey{background: #f7f7f7;}
.darkgrey{background: #6d6e71; color: white;}
.darkgrey a{color: white;}
.black{background: black; color: white;}
.black a{color: white;}
.norlase .button{background: #5bb132; border: 1px #5bb132; color: black; display: inline-block; margin-top: 30px; padding: 15px 30px;}
.norlase .button:hover{background: #5bb132; border: 1px #5bb132; color: black;}
.norlase h2{color: #5bb132;}
.padding_top{padding-top: 120px;}
.bottom_padding{padding-bottom: 120px;}
.align-center{text-align: center;}
.switch,
.switch .group{flex-direction: row-reverse;}
.cover.paragraph--type--media-and-text .group{align-items: inherit; max-width: inherit; margin: inherit;}
.cover.paragraph--type--media-and-text .field.field--name-field-media-image .field--item,
.cover.paragraph--type--media-and-text .field.field--name-field-media .field.field--name-field-media-image,
.cover.paragraph--type--media-and-text .field.field--name-field-media > div{height: 100%;}
.cover.paragraph--type--media-and-text .group img{object-fit: cover; height: 100%; width: 100%;}
.cover.paragraph--type--media-and-text .group .field--name-field-text-area{align-self: center;}
.cover.paragraph--type--media-and-text .field.field--name-field-media-image{padding: 0;}
.cover.paragraph--type--media-and-text .field.field--name-field-media-image img{margin: 0; max-width: 100%;}
.image-small.paragraph--type--media-and-text .field.field--name-field-media-image img{max-width: 320px;}

/* DIRECTORY */
.view-id-directory img{width: 100px;}
.view-id-directory{}

/* PAGERS */
.pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{color: #333;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background: #55b0dd; border: 1px #55b0dd;}

/* PRE FOOTER */
.pre-footer-bg,
.pre_footer.container-fluid{padding: 0;}

.footer-bg{background: #eeeeee; margin-top: 60px;}
.footer{border: 0; margin-top: 0;}
.footer a{}

ul.menu--menu-footer-menu{list-style-type: disc; padding-left: 1.5em;}
ul.menu--menu-footer-menu li{display: list-item; text-align: -webkit-match-parent;}
ul.menu--menu-footer-menu li a{padding: 0}
ul.menu--menu-footer-menu li a:hover{background: none;}

/* COOKIE BANNER */
.eu-cookie-compliance-banner .popup-content,
.eu-cookie-withdraw-banner .popup-content{display: flex; flex-wrap: wrap; align-items: center;}
.eu-cookie-compliance-banner .popup-content > div,
.eu-cookie-withdraw-banner .popup-content > div{width: 50%; max-width: 50%; margin: 0; padding: 15px 0 0 0;}
.eu-cookie-compliance-banner .popup-content h2,
.eu-cookie-compliance-banner .popup-content p,
.eu-cookie-withdraw-banner .popup-content h2,
.eu-cookie-withdraw-banner .popup-content p{font-weight: normal;}
.eu-cookie-compliance-banner .popup-content .eu-cookie-compliance-message,
.eu-cookie-withdraw-banner .popup-content .eu-cookie-compliance-message{padding-bottom: 15px;}
.eu-cookie-compliance-banner .popup-content .eu-cookie-compliance-message button,
.eu-cookie-withdraw-banner .popup-content .eu-cookie-compliance-message button{font-size: 12px; font-weight: bold;}
.eu-cookie-compliance-banner .popup-content .eu-cookie-compliance-buttons button,
.eu-cookie-withdraw-banner .popup-content .eu-cookie-compliance-buttons button{background: white; color: black; font-weight: normal; border-radius: 5px; float: right; margin: 0 15px 15px 0;}
.disagree-button.eu-cookie-compliance-more-button, .eu-cookie-compliance-agree-button, .eu-cookie-compliance-default-button, .eu-cookie-compliance-hide-button, .eu-cookie-compliance-more-button-thank-you, .eu-cookie-withdraw-button, .eu-cookie-compliance-save-preferences-button{font-family: inherit;}

/* SMALL BREAKPOINT */
@media only screen and (max-width: 990px) {
}

/* X-SMALL BREAKPOINT */
@media only screen and (max-width: 768px) {
    .navbar-header{padding-top: 15px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{border: 0px;}
    .navbar-toggle{right: 15px; top: 15px;}
    
    .logo{float: left !important; padding: 0;}
    
    .menu--footer{float: none; max-width: 75%; margin: 15px 15px 30px;}
    .menu--footer li a{padding: 0 10px 0 0;}
    #block-jemford-exposedformstorepage-1{float: none; margin: 0 15px;}
    #block-jemford-exposedformstorepage-1 .form-actions{clear: none;}
    #block-jemford-exposedformstorepage-1 .form-item{width: 70%;}
    #block-jemford-exposedformstorepage-1 button{width: 30%;}
    
    .menu.menu--main{display: block;}
    .menu.menu--main .dropdown:before{content: '+'; position: absolute; right: 0; top: 10px; color: white; right: 15px;}
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background: none;}
    .menu.menu--main .dropdown .dropdown-menu{padding: 15px 0;}
    .menu.menu--main .dropdown .dropdown-menu li a{color: white !important;}
    
    .region-sidebar-first{margin-top: 0;}
}

/* INVERSE X-SMALL BREAKPOINT */
@media only screen and (min-width: 768px) {
    .navbar-nav{float: none; text-align: center;}
    .navbar-nav li{float: none; display: inline-block;}
    .navbar-nav li a{color: white !important}
}

/* -X-SMALL BREAKPOINT */
@media only screen and (max-width: 640px) {
    .navbar-header{margin: 0 !important;}
    .logo{text-align: center; width: 100%;}
    #block-jemford-starterkit-block-1{clear: both; text-align: center; padding: 0 0 15px; width: 100% !important;}
    
    .cols-3 td{display: inline-block !important;}
    
    .view-banner .views-row{align-items: center;}
    .view-banner .views-row .views-field{padding: 30px;}
    .view-banner .views-row .views-field-nothing{width: 100%;}
    .view-banner .views-row .views-field-nothing .title{font-size: 2em;}
    .view-banner .views-row .views-field-field-image-banner{width: 100%;}
    
    .view-store .view-content .views-row,
    .view-taxonomy-term .view-content .views-row,
    #block-jemford-views-block-products-related-block-3 .view-content .views-row,
    #block-jemford-views-block-products-related-block-4 .view-content .views-row,
    .view-events .view-content .views-row,
    .view-blogs .view-content .views-row{width: 47%;}
    
    .block-views-blockproducts-node-block-1,
    .block-views-blockproducts-node-block-2{float: none; margin: 0 0 30px 0 !important; width: 100%;}
    .page-node-type-product article,
    .block-views-blockproducts-node-block-3,
    #block-jemford-starterkit-block-51,
    #block-jemford-views-block-products-related-block-2,
    .block-views-blockproducts-node-block-4 .views-field.views-field-field-video > div > div{width: 100%; float: none;}
    .block-views-blockproducts-node-block-4 .views-field-uc-product-image .field-content > div,
    .block-views-blockproducts-node-block-4 .views-field-field-file-attachments .field-content > div{width: 50%;}
    
    .paragraph--type--media-and-text .group .field{width: 100%;}
    
    .eu-cookie-compliance-banner .popup-content > div,
    .eu-cookie-withdraw-banner .popup-content > div{width: 100%; max-width: 100%;}
    .eu-cookie-compliance-banner .popup-content .eu-cookie-compliance-buttons,
    .eu-cookie-withdraw-banner .popup-content .eu-cookie-compliance-buttons{padding: 0;}
    .eu-cookie-compliance-banner .popup-content .eu-cookie-compliance-buttons button,
    .eu-cookie-withdraw-banner .popup-content .eu-cookie-compliance-buttons button{float: none;}
}

/* X-X-X-SMALL BREAKPOINT */
@media only screen and (max-width: 555px) {
}