/*
Theme Name: Creative A Child theme
Description: Child theme for Creative Asset - Parent Theme
Version: 1.0.1
Author: Creative Asset
Template: creativea
*/

/*--------------------------------------------------------------
# Brand colours
CORE

# Fonts
- font-family:

--------------------------------------------------------------*/

body, p {
	font-family: proxima-nova, sans-serif;
	font-size: 20px;
	line-height:1.6em;
	font-weight: 400;
	font-style: normal;
}

h1,h2,h3,h4,h5,h6 {
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-style: normal;
}

h1 {
	font-size: 75px;
	line-height:1em;
	letter-spacing:2px;
	font-weight: 700;
	text-transform:uppercase;
}

.ca-smallerh1 h1{
	font-size: 65px;
}

h2 {
	font-size: 46px;
	line-height:1.2em;
	letter-spacing:2px;
	font-weight: 400;
	text-transform:uppercase;
}

.ca-smallerh2 h2{	
	font-size: 20px;
	line-height:1.2em;
	letter-spacing:3px;
	font-weight: 400;
	text-transform:uppercase;
}

.ca-biggerh2 h2{
	font-size: 40px;
}

h3 {
	font-size: 20px;
	letter-spacing:2px;
	font-weight: 700;
	text-transform:uppercase;
}


h6 {
	font-size: 20px;
	letter-spacing:1px;
	font-weight: 700;
}

.fixed {
	position: fixed;
}

.bold {
	font-weight: 700;
}

.ca-myriad a{
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 700;
	letter-spacing:1.5px;
}

.ca-proxima a{
	font-family: proxima-nova, sans-serif;
	font-weight: 400;
	letter-spacing:0.5px;
	font-style: normal;
}

.ca-proxima {
	font-family: proxima-nova, sans-serif;
	font-weight: 400;
	letter-spacing:0.5px;
	font-style: normal;
}

/*--------------------------------------------------------------
 Utility bar
--------------------------------------------------------------*/

#ca-utility-phone i{
    margin-left:5px;
    color:#f6eb13;
}

/*--------------------------------------------------------------
 Main Menu
--------------------------------------------------------------*/

.ca-btn span{
    font-family: proxima-nova, sans-serif;
	font-weight: 700;
	font-style: normal;
    color:#fff !important;
    background:#f46036;
    padding:14px;
    border-radius:30px;
}
.ca-btn span:hover {
    background-color:#000;
}

.ca-btn a span:before {
    content: url(https://www.sjdarker.co.uk/wp-content/uploads/2018/11/SJDarker_smallemblem.png);
    vertical-align: middle;
    padding: 10px 10px 10px 0;
}

.ca-btn-emblem img{
    vertical-align:middle;
    margin-right:5px;
    
}

#ca-main-menu a{
    font-family: myriad-pro-semi-condensed, sans-serif;
	font-size: 19px;
	letter-spacing:1.2px;
	font-weight: 600;
	margin-left:45px;
	margin-right:10px;
	padding-right:0px;
	padding:15px;
}

#ca-main-menu {
    text-align: center;
}

#menu-item-47 {
    float: right;
    vertical-align: middle;
}

#menu-item-47 span {
    background: #BD2C29 !important ;
}

/*--------------------------------------------------------------
 Footer Menu
--------------------------------------------------------------*/
#about-carousel img {
  height: 46vh !important;
  object-fit: cover;
  border-radius:300px;
}

#ca-footer-menu a{
    font-family: myriad-pro-semi-condensed, sans-serif;
	font-size: 19px;
	letter-spacing:1.2px;
	font-weight: 600;
	margin-left:35px;
	margin-right:0px;
	padding-right:0px;
}

#ca-footer-phone i{
    margin-left:5px;
    color:#f6eb13;
    font-size:30px;
}

/*--------------------------------------------------------------
 Homepage
--------------------------------------------------------------*/
/*main C2A column*/
#ca-toplayer a{
	position:relative;
    z-index: 5;
}

/*testimonial row*/

#ca-zindex .slick-slider{
    z-index: 3;
}

#ca-zindex .ca-rotate .fl-photo-content{
    z-index: 2;
}

.ca-rotate img{
  animation: rotation 60s infinite linear;
  opacity: 0.1;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}


/*--------------------------------------------------------------
 Contact Page
--------------------------------------------------------------*/

#gform_submit_button_1 {
    font-family: proxima-nova, sans-serif;
	font-weight: 700;
	font-style: normal;
    padding:14px;
    border-radius:30px;   
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

@media only screen and (max-width : 1500px) {
#ca-main-menu {
    text-align: right;
}

#ca-main-menu a{
    Padding-left:10px;
}
}

@media only screen and (max-width : 1465px) {
.ca-btn a{
    Margin-left:-5px !important;
}
}

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

#ca-main-menu a{
    font-size: 18px;
    letter-spacing:1.2px;
    margin-left:35px;
    margin-right:0px !important;
}

.ca-btn a{
    margin-left:0px !important;
    margin-top:5px;
}
}

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

#ca-main-menu a{
    font-size: 18px;
    letter-spacing:1.2px;
    margin-left:15px;
    margin-right:0px !important;
}

h6 {
    font-size: 19px;
}
}

@media only screen and (max-width : 1240px) {
#ca-main-menu a{
    font-size: 17px;
    letter-spacing:1px;
    margin-left:10px;
}

h2 {
    font-size: 40px;
}

h6 {
    font-size: 18px;
}
}

@media only screen and (max-width : 1100px) {
#ca-main-menu a{
    font-size: 17px;
    letter-spacing:1px;
    margin-left:5px;
}

#ca-main-menu {
    margin-right:-20px !important;
}

.ca-btn a{
    margin-left:-10px !important;
}

#ca-footer-phone i{
    font-size:25px;
}

h2 {
    font-size: 38px;
}
}

@media only screen and (max-width : 1050px) {
#ca-main-menu a{
    padding-left:8px;
    margin-left:0px;
}

h2 {
    font-size: 35px;
    line-height:1.2em;
    letter-spacing:2px;
}
}

@media only screen and (max-width : 992px) {
#ca-logo {
    z-index: 99 !important;
}

h1 {
    font-size: 62px;
    line-height:1em;
    letter-spacing:2px;
}

.ca-smallerh1 h1{
    font-size: 50px !important;
}

.ca-smallerh2 h2{	
    font-size: 18px;
    line-height:1.2em;
    letter-spacing:3px;
}

.ca-biggerh2 h2{
    font-size: 35px;
}

h3 {
    font-size: 18px;
    letter-spacing:2px;
}
#menu-item-47 {
    float: none !important;
}
#ca-main-menu a{
    text-align: center !important;
}

#ca-main-menu br{
    display: none !important;
}
}


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

 h1 {
    font-size: 40px;
    line-height:1em;
    letter-spacing:2px;
}

.ca-smallerh1 h1{
    font-size: 30px !important;
}

h2 {
    font-size: 25px;
    line-height:1.2em;
    letter-spacing:2px;
}

.ca-smallerh2 h2{	
    font-size: 18px;
    line-height:1.2em;
    letter-spacing:3px;
}

 .ca-biggerh2 h2{
    font-size: 25px !important;
}

h3 {
    font-size: 12px;
    letter-spacing:1.6px;
}
}