/* Enter Your Custom CSS Here */

/*-------------Overlay Title css-----------*/

/*
Caroline note: We want it to look exactly like our Talk Rights page (see here) as there is no title on top of the image.

Solution: used page id to target the CSS directly. No Access to core files. 
*/



.page-id-29699 .hdr-image .text-overlay, .page-id-29580 .hdr-image .text-overlay {
    position: unset !important;
    left: 0;
    bottom: 40px;
    display: block;
    float: none;
    text-align: left;
    transition: 1s;
    background-color: rgba(0, 0, 0, 0);
    padding: 20px 20px 20px 40px !important;
    min-width: 25%;
    max-width: 100% !important;
    color: #2d53c4;
  	margin-top: 40px !important;
}

.page-id-29699 h1.page-title, .page-id-29580 h1.page-title{
    color: #38417a !important;
 }


.page-id-29699 .hdr-image, .page-id-29580 .hdr-image{
    position: relative;
    margin: 0 0 37px 0 !important;
}

@media only screen and (max-width: 750px){
  .page-id-29699 .hdr-image .text-overlay {
    padding: 0 !important;
  } 
  .page-id-29580 .hdr-image .text-overlay {
    padding: 0 !important;
}

}

  
/*END*/


/*Resize Menu to accomodate remote rights page*/

.desktop #main-menu ul.menu li a {
    padding: 14px 20px !important;
  	font-size: 13px;
  	
 }

.desktop #main-menu ul.menu li.menu-item-39 a, .desktop #main-menu ul.menu li.menu-item-23235 a, #donate-menu ul.menu li a {
    padding: 11.5px 21.5px 11.5px 21.5px !important;
    font-size: 18px !important;
}



@media only screen and (max-width: 961px){
.desktop #main-menu ul.menu li a {
    padding: 14px 9px !important;
  	font-size: 13px;
  	
  }

}

@media only screen and (max-width: 826px){
.desktop #main-menu ul.menu li a {
    padding: 14px 8px !important;
  	font-size: 13px;
  	
  }

}


/*Instagram*/

li#instagram a {
    display: block;
    float: left;
    text-indent: -10000px;
    width: 32px !important;
    height: 32px !important;
    background-image: url(http://ccla.org/cclanewsite/wp-content/uploads/2018/07/CCLA_instagram.png) !important;
}

/*Instagram*/


/* clock */

.flip-clock-wrapper {
    width: 760px !important;
    margin: 0 auto !important;
    padding: 30px 0 30px 0;
}

.flip-clock-divider .flip-clock-label{
	font-size:1.5em;

}

.home-text {
 margin: 50px 0 50px 0;
}

@media (max-width: 767px){
.flip-clock-wrapper {
    width: 530px !important;
}

}

@media (max-width: 424px){
.flip-clock-wrapper ul{
    width: 23px;
}


@media (max-width: 414px){
.flip-clock-wrapper ul{
    width: 27px;
}

	.flip-clock-wrapper ul.flip{
  margin:3px;  
  }
  
  .flip-clock-divider.minutes .flip-clock-label {
    right: -65px;
}
  
  .flip-clock-divider.seconds .flip-clock-label {
    right: -70px;
}
  
  .flip-clock-divider.hours .flip-clock-label {
    right: -60px;
}
  
  .flip-clock-divider .flip-clock-label {
    right: -75px;
}
}

@media (max-width: 375px){
.flip-clock-wrapper ul{
    width: 20px;
}
  
  .flip-clock-wrapper ul.flip{
  margin:4.5px;  
  }
  
  .flip-clock-divider.minutes .flip-clock-label {
    right: -60px;
}
  
  .flip-clock-divider.seconds .flip-clock-label {
    right: -63px;
}
  
  .flip-clock-divider.hours .flip-clock-label {
    right: -50px;
}
  
  .flip-clock-divider .flip-clock-label {
    right: -65px;
}
}

@media (max-width: 360px){
.flip-clock-wrapper ul{
    width: 20px;
  	
}
  
  .flip-clock-wrapper ul.flip{
  margin:4.2px;  
  }
   
  
  .flip-clock-divider.minutes .flip-clock-label {
    right: -60px;
}
  
  .flip-clock-divider.seconds .flip-clock-label {
    right: -63px;
}
  
  .flip-clock-divider.hours .flip-clock-label {
    right: -50px;
}
  
  .flip-clock-divider .flip-clock-label {
    right: -65px;
}
  
}

@media (max-width: 320px){
.flip-clock-wrapper ul{
    width: 20px;
  	
}
  
  .flip-clock-wrapper ul.flip{
  margin:2.2px;  
  }
   
  
  .flip-clock-divider.minutes .flip-clock-label {
    right: -55px;
}
  
  .flip-clock-divider.seconds .flip-clock-label {
    right: -58px;
}
  
  .flip-clock-divider.hours .flip-clock-label {
    right: -45px;
}
  
  .flip-clock-divider .flip-clock-label {
    right: -60px;
}
  
}
}