
/* Color Theme - Amethyst /Violet/



color - #ff9933


/* 01 MAIN STYLES

****************************************************************************************************/

a {

  color: #ff9933;

}

::selection {

  color: #fff;

  background: #ff9933;

}

::-moz-selection {

  color: #fff;

  background: #ff9933;

}



/**** Custom logo ****/

.logo{        

  width: 145px;

  height: 20px;  

  background:url('https://www.intouchcreative.co.uk/wp-content/uploads/2022/01/20x145px.png') no-repeat center center;      

  background-size: 145px 20px;      

}

.cbp-af-header.cbp-af-header-shrink .logo {

  width: 116px;

  height: 16px;   

  background:url('https://www.intouchcreative.co.uk/wp-content/uploads/2022/01/20x145px.png') no-repeat center center;     

  background-size: 116px 16px;    

}

@media only screen and (max-width: 1200px) {

  .logo{

    width:109px;

    height:15px;   

    background:url('https://www.intouchcreative.co.uk/wp-content/uploads/2022/01/20x145px.png') no-repeat center center; 

    background-size:109px 15px;

  }

  .cbp-af-header.cbp-af-header-shrink .logo{

    width:109px;

    height:15px;

    background:url('https://www.intouchcreative.co.uk/wp-content/uploads/2022/01/20x145px.png') no-repeat center center;  

    background-size:109px 15px;

  }

}

/**** Custom CSS Preload ****/

#royal_preloader.logo .percentage { color: #ffffff; }  



/**** Custom Color ****/

.cd-headline.loading-bar .cd-words-wrapper::after,

.pro-bar,

.counter-line,

.portfolio-box-1 .line-mask,

.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span,

.pricing-item a.price-link:hover,

.scroll-down-middle:hover,

#video-volume:hover,

.mb_YTVTime, #wp-calendar tbody td#today {

  background: #ff9933;

}

ul.slimmenu li a.mPS2id-highlight,

.scroll-down:hover,

#sync2 .item:hover p,

.team-wrap .mask-team p span,

.team-wrap .mask-team ul li p span,

.list-social li.icon-soc a:hover,

#filter li .current,

#filter li a:hover,

#sync2 .synced .item p,

.ajax-project-info .ajax-info span,

.ajax-link,

.section-call-action-link p,

.blog-item .blog-item-top-text,

.blog-item:hover .read-more,

.pricing-item:hover h6,

.pricing-item.popular h6,

.pricing-item .number-price span,

#cd-google-map address,

.footer-social a:hover,

.footer-social a::before,

.footer-social a::after, 

.footer-credit a:hover,

.footer-credit a::before,

.footer-credit a::after,

.blog-box-4:hover .link,

.blog-box-4 .post-date,

.slider-text-color, 

.ajax-project-info ul li i,

.icon-services .glyph-icon:before, 

.services-item h6 a:hover,

.contact-det h6 i, .contact-det p a:hover,

.mb_YTVPBar, .slider-text-color, .team-wrap .mask-team > ul li:before,

.widget_meta a:hover, .widget_recent_comments a:hover, .widget_rss ul li a:hover,

#wp-calendar tfoot #next a:hover,#wp-calendar tfoot #prev a:hover {

  color: #ff9933;

}

.prev:hover,

.next:hover,

.prev:active, 

.next:active,     

.play:hover,

.pause:hover,

.play:active, 

.pause:active {

  background-color:#ff9933;

}

ul.slimmenu li a:hover {

    border-bottom:1px solid #ff9933;

}

.sub-line {

  border-bottom:2px solid #ff9933;

}

.section-separator-line{

  border-bottom:1px dashed #ff9933;

}

.owl-theme .owl-controls .owl-page span{

  border:1px solid #ff9933; 

}

.services-item .fill-color{

  fill:#ff9933;

}

#cd-zoom-in, #cd-zoom-out {

  background-color: #ff9933;

}

#ajax-form textarea:focus,

#ajax-form input:focus,

#ajax-form textarea:active,

#ajax-form input:active { 

  border-bottom:1px solid #ff9933;

}

#ajax-form button{

  color: #ff9933;

}

.tagcloud li a:hover {border:1px solid #ff9933;color: #ff9933;}

.widget_meta abbr {

    border-bottom: 1px dotted #ff9933;

    cursor: help;

}

.blog-big-wrapper a:hover h5{color: #ff9933;}

.footer-credit a span{

  border-bottom:1px solid #ff9933;

}



/**** Custom CSS footer ****/

.footer-wrap {background: #000000;}

.footer-credit p, .footer-credit {color: #ffffff;}



