/* Enter Your Custom CSS Here */

#section-6 { padding-bottom:55px; }
.fb-like-box, .fb_iframe_widget { background:#fff; }
.fullpage-scroll-arrow .section:first-child::after { font-size:85px;   margin-right: -76px; bottom:90px; }

.section-boxed .img-container
{
  background-color: #fdd200;
    border-radius: 500px;
    display: flex;
    height: 40px;
    margin: auto;
    padding: 25px;
    width: 40px;
}
 #full-width { top:123px; }
#full-width .fullpage-scroll-arrow .section-text { padding-top:0px !important; }

.page-title h1 { text-transform: capitalize !important;  }

.dark-header #header { background-color:#000 !important; }
.header-wrapper .full-bg-image { top:84px !important; }
.secondbtn { margin-left:15px; }
.whitecolor { background-color:#fff !important; }
/* .slideotr-2 .slideInLeft {   margin-top: 53px; padding-left: 11%;}*/

.page-id-41 .cta-title {  font-size:40px; }
.page-id-41 .custom-page-content .section-boxed p { font-size:22px; }
.section-boxed a.button { color:#000; }

.page-id-147 .page-wrapper { background:url('http://righttotry.org/wp-content/uploads/2015/03/Inyourstate1.png') no-repeat; }

.page-id-2153 .content-container p { font-size:16px; }
.accordion-title { font-size:16px; }
.slideotr-4 .section-content .button {  margin-top: 95px; }
.slideotr-3 .section-content .button {  margin-top: 95px; }
.slideotr-5 .section-content .button { margin-top:315px; }

.page-id-41 #section-2 h2.cta-title { font-size:40px; }

.page-id-1517 #content-container { margin-top:70px; }

.dk-speakup-petition-wrap { float:left; }
.wp-image-2896 { margin-top:0px !important; }
#content-container { padding-bottom:100px; }

.slideotr-3 .slideInRight,.slideotr-4 .slideInRight { margin-right:7% !important; }

.parent-pageid-147 #content-container #full-width { top:0px; }
.parent-pageid-147 #content-container  { padding-top:0px; }

/* In your State Page */
.page-id-3298 #content-container .section-full-width .section-boxed {
  margin-bottom: 100px;
}

@media only screen and (max-width: 1241px) {

#full-width { top:75px; }
  
}

  @media screen and (min-width: 1242px) and (max-width: 1919px) {

  .mobile.page-template-template-fullscreen-slider-php .header-wrapper {  
    padding-top: 0px !important;
  }
}

@media only screen and (max-width: 480px) {
	.home .section {
		background-repeat: no-repeat;
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
    background-size: cover;
    min-height: 200px !important;
	}
	
	
	.section.section-text.layout-cc.slideotr-1 {
		height: 200px !important;
		position: absolute !important;
		top: 600px !important;
	}
	
	.section.section-text.layout-cc.slideotr-2 {
		height: 200px !important;
		position: absolute !important;
		top: 0 !important;
	}
	
	.section.section-text.layout-cc.slideotr-3 {
		height: 200px !important;
		position: absolute !important;
		top: 200px !important;
	}
	
	.section.section-text.layout-cc.slideotr-4 {
		height: 200px !important;
		position: absolute !important;
		top: 400px !important;
	}
	.section.section-text.layout-cc.slideotr-5 {
		height: 200px !important;
		position: absolute !important;
		top: 600px !important;
	}
	
/*	.home .button {
		display: none;
	}
**/
}


@media only screen and (max-width: 640px) {
  .home .button {
  	padding: 1px 6px !important;
    font-size: 10px;
    letter-spacing: 0;
  }
}

@media only screen and (max-width: 640px) and (min-width: 426px) {
  .slideotr-5 .section-content {
    bottom: -120px !important;
  }
}

@media only screen and (max-width: 425px) {
  .slideotr-5 .section-content {
    bottom: -150px !important;
  }
}

/** iframe responsive **/

.video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/** homepage mobile resp fix **/

.slideotr-1 {
 	background-position: left center !important; 
}

.slideotr-1 .section-content {
  top: 56% !important;
  left: 3%;
}


.slideotr-2 .section-content {
  left: 3% !important;
  right: auto !important;
  margin: 0 !important;
}
  
.slideotr-2 .section-content {
  left: 100px;
  float: none !important;
  top: 55% !important;
}
.slideotr-5 {
 position: relative; 
}

.slideotr-5 .section-content {
	float: none !important;
  top: auto;
  text-align: center;
  margin: 0 !important;
  width: 100% !important;
  padding: 0 !important;
}

.slideotr-1 .section-content {
  width: 70%;
  max-width: 100%;
}

.slideotr-1 .section-content .section-desc {
  line-height: 1.2;
}


@media (min-width: 1025px) and (max-width: 1236px){
  #full-width {
    top: 98px;
  }
}

@media (min-width: 1237px) and (max-width: 1241px){
  #full-width {
    top: 64px;
  }
}

@media (min-width: 1242px) and (max-width: 1302px){
  #full-width {
    top: 149px;
  }
}


@media (min-width: 769px){
.slideotr-5 .section-content {
  bottom: -7% !important;
}
}

@media (max-width: 1440px){
  .slideotr-3, .slideotr-4 {
      background-position: 90% center!important;
  }
}

@media only screen and (max-width: 1024px)and (min-width: 481px) {
  
  .slideotr-1 .section-content {
    left: 1%;
    right: auto !important;
    margin: 0 !important;
  }
  
}

@media only screen and (max-width: 424px) {
  .slideotr-2 .section-content{
    top: 82%!important;
  }
}

@media only screen and (max-width: 480px) and (min-width: 426px)  {
  .slideotr-1 .section-content,
  .slideotr-2 .section-content{
    left: 3% !important; 
  }
  .slideotr-4 .section-content {
   bottom: 0 !important; 
  } 
}
@media only screen and (max-width: 425px) {
  .slideotr-1 .section-content,
  .slideotr-2 .section-content{
    left: 4px !important; 
  }
  .slideotr-4 .section-content {
   bottom: 30px !important; 
  } 
}
  
@media only screen and (max-width: 480px) { 
  
  .slideotr-3 .section-content {
   top: 40% !important; 
  } 
  
  
  .mobile .layout-rt .section-content, .mobile .layout-rc:not(.slideotr-5) .section-content, .mobile .layout-rb .section-content {
    padding: 0 5% !important;
  }
  
}
@media only screen and (max-width: 768px)  and (min-width: 641px) {

  .slideotr-5 .section-content {
    bottom: -150px !important;
    
  }
}

@media only screen and (max-width: 1000px) {
  #full-width {
      top: 0;
  }
}

@media only screen and (max-width: 768px) {

.slideotr-1 .section-content .section-desc {
  font-size: 20px!important;
  line-height: 1.2;
}

  .slideotr-2 .section-content {
    right: auto !important;
    margin: 0 !important;
  } 
  .slideotr-3 .section-content { 
    text-align: right;
    margin: 0 !important;    
    top: 43% !important;
  }
  .slideotr-4 .section-content {  
    text-align: right;
    margin: 0 !important; 
  }
  .slideotr-5 .section-content {
    text-align: center;
    margin: 0 auto !important;
    text-align: center;
  }
}


@media only screen and (max-width: 1024px) and (min-width:769px) {
  .home .section { 
      min-height: 750px !important;
  }
  .home .section.slideotr-1 { 
      min-height: 600px !important;
  }
  .slideotr-1 .section-content .section-title {
    font-size: 70px!important;
  }
}

@media only screen and (max-width: 768px) and (min-width: 481px){ 
  
  .slideotr-2 .section-content {
    left: 1% !important;
  }
  .slideotr-3 .section-content {
    right: 6% !important; 
  }
  .slideotr-4 .section-content {
    bottom: auto !important;
    right: 6% !important;
    top: 40% !important;
  }
  .slideotr-5 .section-content {
    margin: 0 auto !important;
  }
}
@media only screen and (max-width: 768px) and (min-width:426px) {
  .home .section {
      background-size: cover;
      display: block !important;
      min-height: 350px !important;
  }
  .mobile .layout-rt .section-content, .mobile .layout-rc .section-content, .mobile .layout-rb .section-content {
    float: right;
    right: 0; 
    width: 100%;
    bottom: 0;
    height: max-content;
    top: auto;
    padding: 0;
  }
  .button {
  	padding: 8px 10px;
  } 
}


@media only screen and (max-width: 425px) {
  .home .section {
      background-size: cover;
      display: block !important;
      min-height: 200px !important;
  }
}

