/* mobile Nav
   ============================= */

#t4-mainnav {
    display: none;
}
 @media(min-width:992px){ 
    #t4-mainnav {
    display: flex;
    }
 }

 @media(min-width:992px){ 
    .mobilemenu {
        display: none;
    }
 }

 .mobilemenu .navbar-nav {
    display: inline-block;
        text-align: center;
        padding:0;
 }

 .mobilemenu .navbar-nav > li {
    display: inline-block;
    padding: 4px 4px;
 }
  .mobilemenu .navbar-nav li a {
     background-color:#212529;
     padding: 5px 16px;
     color:#FFCB31;
  }



/* contact forms
   ============================= */
   .convertforms {
    background-color:#F5F5F5;
      border-radius: 5px;
  border: 1px solid #ccc;
}
/* homepage intro MastHead
   ============================= */
   .t4-masthead .container {
    padding-top: 0rem; 
    padding-bottom: 0rem;
}
.com-content-categories__item:last-child{
    display: none;
}



/* Right Column
   ============================= */

   .right-side-box {
   padding:10px 25px 25px 25px;
background-color:#111;
   color:#FFCB31;
   border-radius: 5px;
  border: 1px solid #ccc;
   }
   .right-side-box a{
   color:#fff;
   }
   .right-side-box-grey {
     background-color:#F5F5F5;
       padding:10px 25px 25px 25px;
     border-radius: 5px;
     border: 1px solid #ccc;
     padding-top: 0px;
   }
.right-side-box-grey a{ 
    color:#111
}
   .module-title {
    font-size: var(--h3-font-size);
    border: none;
    text-transform: unset;
   }
   .module-title span {
    border: none;
   }

/* search box
============================= */
   label.finder {
    display:none;
   }
   #mod-finder-searchword112 {
    border-radius: 100px;
   }
   #Mod112 {
    padding-top: 25px;
    padding-bottom: 25px;
   }

 /* general
============================= */  
.page-header h1, .categories-list h1 {
    font-size: var(--h1-font-size);
    border: none;
    text-transform: unset;
    padding-top:0px;
    margin-top:0px;
}

 /* top
 ============================= */
 .logo-image {
    display:none
}
.showdesktop {
 display: none;
}
.showmobile {
    display: inline;
}
@media(min-width:992px){
    .showdesktop {
 display: inline;
}
.showmobile {
display: none;
}
}
.topimage h1, 
.topimage h2, 
.topimage h1:hover, 
.topimage h2:hover
.topimage a:hover{
text-decoration: none;
color: #000;
}
.topimage {
	width: 100%;
	height: 25vh;
	background-color: #ffca30;
	background-image: url(http://s999575133.websitehome.co.uk/direct2024/images/bannermobile2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
	top: 0px;
	left: 0px;
	padding:0px;
	margin:0px;
    padding-top: 25px;
}
@media(min-width:992px){
.topimage {
	width: 100%;
	height: 25vh;
	background-color: #ffca30;
	background-image: url(http://s999575133.websitehome.co.uk/direct2024/images/bannermobile2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	top: 0px;
	left: 0px;
	padding:0px;
	margin:0px;
    padding-top: 25px;
}

}

.topimage h1 {
	margin:0px;
	color: #000;
	display: block;
}

.topimage h2 {
	font-size:18px;
	color: #000;
	margin:0px;
	display: block;
}

@media(min-width:992px){
.t4-mainnav  {
margin-top: -25px;
z-index:2;
}
.navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
.navbar-toggler {
    margin-right: 30px;
}


/* Category list columns
   ============================= */
.categories-list {
  display: flex;
  width: 100%;
}
.com-content-categories__item {
    width: 50%;
    float: left;
    padding:0;
    flex: 1;
}
.com-content-categories__item-title a {
    font-size: 13px;
}
@media(min-width:992px){
.com-content-categories__item {
    width: 25%;
    float: left;
    padding:0;
    flex: 1;
}
.com-content-categories__item-title a {
    font-size: 15px;
}
}
.com-content-categories__item img {
    aspect-ratio: 1.4 / 1;
}

.item-image img {
    min-width: 100%;
}
.com-content-categories__item img {
    min-width: 100%;
}

.categories-list .com-content-categories__items 
.com-content-categories__item .item-inner {
    padding:0;
}
.categories-list .com-content-categories__items 
.com-content-categories__item {
    padding:2px;
}
.com-content-categories__item-title-wrapper {
display: block;
}

.categories-list .page-header a {
    font-size:0.7em;
    color:#000;
    background-color: #FFCB31;
}
.com-content-categories__item-title {
    text-align: center !important;
}
.com-content-categories__item-title a{
    color:#000;
    text-align: center !important;
}
.com-content-categories__item-title-wrapper {
    background-color: #FFCB31;
    padding: 5px 2px;
    text-align: center;
}
.categories-list .com-content-categories__items 
.com-content-categories__item .item-inner
{
    border:0px;
    text-align: center;
}
.categories-list .page-header {
    background-color: #FFCB31;
    padding: 5px 2px;
    text-align: center;
}


/* Category Blog layout columns
   ============================= */
.category-desc > img {
    display:none;
}
.blog-item-content.item-content {
display:block;
}

/*
.blog .blog-items .blog-item, .blog-featured .blog-items .blog-item {
    display: inline-block;
}*/
.category-desc {
    border:0px;
}

.pull-left.item-image, .item-image.pull-left {
    width:100%;
}

/* article page
   ============================= */
   
.page-header h1 {
        font-size: var(--h3-font-size);
        text-transform: capitalize;
}





/* animated testimonal on home page
   ============================= */
.scrolling-box  {
    height: 20vh;
    overflow: hidden;
    position: relative;
    
}
.scrolling-box .custom {
   width: 100%;
   -webkit-animation-name: move;
   -webkit-animation-duration: 120s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-direction: up;
   -webkit-animation-timing-function:linear;
   margin-top:0%;
}
.scrolling-box .custom:hover  {
   -webkit-animation-play-state: paused;
}
@-webkit-keyframes move {
   0% {
      transform:translateY(0);
   }
   100% {
      transform:translateY(-100%);
   }
}



/* left menus
   ============================= */

.left-menus .navbar {
    display:none;
}

@media(min-width:1200px){
.left-menus .navbar  {
    display: block;
   
}
.left-menus .navbar ul {
    background-color:#14181A;
    padding: 8px 8px;
}

.left-menus .navbar ul li a{
    color: #F8BB31;
}
.left-menus .item {
    padding:0;
    margin:0;
}
.left-menus {
background-color:#14181A;
padding: 8px 8px;
}
.left-menus li.item {
padding:0px;
margin: 0;
}
.left-menus .mod-articles-category-title {
color:#F8BB31
}
.left-menus .mod-articles-category-title:hover {
color:#Fff
}
.left-menus .mod-articles-category-title:active {
color:#Fff
}
}

.left-menus li.item {
    margin-top: 8px;
    margin-bottom: 0px;
    padding:0;
}
.left-menus .item-title {
    padding:0;
    margin:0;
}






/* Main Nav
   ============================= */

   
.t4-header .header-wrap {
    min-height: 40px;
}
.t4-megamenu .navbar-nav > li > a, 
.t4-megamenu .navbar-nav > li > .nav-link {
padding: 10px 1rem;
}



.t4-palette-dark .t4-megamenu .navbar-nav > li.animating > .nav-link {
    color: #000000;
}

.toggle-bars {
    color:#F8BB31 
}
/* Sub nav */
.t4-palette-dark .nav > li.active li a {
color: #000000;
}
.t4-palette-dark .nav li.active li a:hover,
.t4-palette-dark .nav li.active li a:focus,
.t4-palette-dark .nav li.active li a:active {
  color: #fff;
}
.t4-palette-dark .nav li.active li.active > a {
 color: #000000;
}

.t4-palette-dark .nav > li.active li a {
  color: #666 !important;
}

.t4-palette-dark .nav > li li a {
  color: #666 !important;
}


.t4-palette-dark .nav > li li a {
color: #000000;
}
.t4-palette-dark .nav li li a:hover,
.t4-palette-dark .nav li li a:focus,
.t4-palette-dark .nav li li a:active {
  color: #000000;
}
.t4-palette-dark .nav li li.active > a {
 color: #000000;
}


.t4-palette-dark .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #000;
}
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > a:hover,
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > .nav-link:hover {
 color: #000;
}


/* Module menu */
.t4-palette-dark .t4-module {
	color: #000000;
}
.t4-palette-dark .t4-module .module-title {
	color: #000000;
}
.t4-palette-dark .nav > li a,
.t4-palette-dark .nav > li .nav-link {
	color: #fff;
}
.t4-palette-dark .nav > li a:hover,
.t4-palette-dark .nav > li a:focus,
.t4-palette-dark .nav > li a:active,
.t4-palette-dark .nav > li .nav-link:hover,
.t4-palette-dark .nav > li .nav-link:focus,
.t4-palette-dark .nav > li .nav-link:active {
color: #000000;
}
.t4-palette-dark .nav > li.active > a,
.t4-palette-dark .nav > li.active > a.nav-link
.t4-palette-dark .nav > li.active:hover > a,
.t4-palette-dark .nav > li.active:hover > a.nav-link {
 color: #000000;
}
.t4-palette-dark .nav > li.active {
color: #000000;
}
.t4-palette-dark .nav > li.active:hover {
color: #000000;
}
.t4-palette-dark .nav > li.active >a:hover {
color: #000000;
}
/* Sub nav */
.t4-palette-dark .nav > li.active li a {
color: #000000;
}
.t4-palette-dark .nav li.active li a:hover,
.t4-palette-dark .nav li.active li a:focus,
.t4-palette-dark .nav li.active li a:active {
  color: #000000;
}
.t4-palette-dark .nav li.active li.active > a {
 color: #000000;
}
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > a, 
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > .nav-link {
    color:#fff;
}
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > a:hover, 
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > .nav-link:hover {
    color:#fff;
}



@media(min-width:992px){
/* Module menu */
.t4-palette-dark .t4-module {
	color: #FFF;
}
.t4-palette-dark .t4-module .module-title {
	color: #FFF;
}
.t4-palette-dark .nav > li a,
.t4-palette-dark .nav > li .nav-link {
color:#F8BB31 ;
padding: 10px 10px;
}



.t4-palette-dark .nav > li a:hover,
.t4-palette-dark .nav > li a:focus,
.t4-palette-dark .nav > li a:active,
.t4-palette-dark .nav > li .nav-link:hover,
.t4-palette-dark .nav > li .nav-link:focus,
.t4-palette-dark .nav > li .nav-link:active {
color: #FFF;
}

.t4-palette-dark .nav > li.active > a,
.t4-palette-dark .nav > li.active > a.nav-link
.t4-palette-dark .nav > li.active:hover > a,
.t4-palette-dark .nav > li.active:hover > a.nav-link {
  color: #FFF;
}
/* Sub nav */
.t4-palette-dark .nav > li.active li a {
color: #000;
}
.t4-palette-dark .nav li.active li a:hover,
.t4-palette-dark .nav li.active li a:focus,
.t4-palette-dark .nav li.active li a:active {
color: #000;
}
.t4-palette-dark .nav li.active li.active > a {
color: #000;
}
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > a, 
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > .nav-link {
    color:#FFF 
}
}

/* Right Column boxes
   ============================= */

.right-column {
        background-color: #14181A;
    padding: 1px 16px 16px 16px;
    margin-top: 8px;
}
.right-column h1, .right-column h2, .right-column h3, .right-column h4, .right-column h5, .right-column h6, .right-column p  {
   color:#F8BB31
}
.right-column a {
 color:#fff;    
}


.desc-article h2 {
border-top: 1px solid grey;
border-bottom: 1px solid grey;
}


#triggerButton {display: none;}


/* footer
   ============================= */
#t4-footnav a{
    color:#666
}