/* ===================================================

Theme Name: Custom Stylesheet for Top Down Leadership

====================================================== */

body, p, ul {
    color: #232321;
    font: 15px/24px Arial,sans-serif;
}


#logo {
	margin-top:-20px;
}

#nav li a {
    color: #eee;
}

.red {
	color:#e81010;
}

.page-title .title{
    padding: 30px 120px 30px 20px;
    display: block;
    text-align:left;
    max-width: 800px;
}


.page-title .title h1 {
	font-family:"minion-pro", Cambria, Times, "Times New Roman", serif;
	font-size:28px;
	font-style:italic;
	color:#e81010;
}


.nivo-caption li::before, .tweets-list-container li::before  {
    color: rgba(215, 15, 15, 1);
    content: " ●  ";
    font-size: 24px;
}

.tweets-list-container {
	padding-top:12px;
	width: 810px;
	text-align:center;
}

.nivo-caption {
    padding: 13px 20px 14px 0;
}


.nivo-caption  ul, .tweets-list-container ul {
	display:inline-block;
	list-style-type:disc !important;
}

.nivo-caption li, .tweets-list-container li {
	font-size:18px;
	color:#fff;
	display:inline-block;
	padding-left:2em;
	padding-right:2em;
}




.nivo-directionNav a:after {
    border-bottom: 49px solid #333;
    border-left: 18px solid transparent;
    bottom: 0;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    width: 0;
}


.nivo-directionNav a {
    background-image: url("../images/blocks-grayscale.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    float: left;
    height: 19px;
	margin-top:-40px;
    margin-right: 20px;
    padding: 17px 10px 18px;
    position: relative;
    width: 46px;
}

h1 {
	font-size:25px;
}


h2 {
	font-family:"minion-pro", Cambria, Times, "Times New Roman", serif;
	font-size:22px;
    color: #e81010;
    margin-bottom: 19px;
    text-transform: uppercase;
}

.soon {
	font-size:24px;
	text-transform:none;
	color:#555;
	margin: 60px 0 30px;
}

.border  {
	border:1px solid #555;
}

.col2 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}

.slider-wrapper {
    margin: 0 0 30px -20px;
}

.section-title h4 {
	font-size:28px;
	font-weight:bold;
	font-family:"minion-pro", Cambria, Times, "Times New Roman", serif;
}

.caption-title p {
    font-weight:bold;
	font-size:13px;
}

.note .title {
	padding: 20px 90px 0;
}

.note .title h1 {
	font-family:"minion-pro", Cambria, Times, "Times New Roman", serif;
	font-size:24px;
	font-style:italic;
}

.note .title h2 {
	font-family:"minion-pro", Cambria, Times, "Times New Roman", serif;
	font-size:20px;
	line-height:30px;
	font-style:italic;
	color:#e81010;
	text-transform:none;
}

 
 #tweet-sroll-wrapper .tweet-icon{
    background-image:  url('../images/blocks-grayscale.png');
}

.indent {
	padding-left:2em;
}


.frame {
	padding: 5px;
	background-color:#eee;
	margin-top:8px;
	border: 1px solid #555;
}

figcaption, .caption-hover li {
	min-height:32px;
}

.blocks li{
    padding-left: 26px;
    padding-bottom: 0;
    background: url('../images/blocks2.png') no-repeat 0 6px;
    margin-bottom: 2px;
}

.copyright-container p, .copyright-container a {
	font-size:13px;
}

.copyright-container a {
	text-decoration:underline;
}


.flex-container {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
    }

.blackbox, .redbox {
	border: 1px solid #000;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px; 
	background-color:#ffffff;
	width:40%;
}

.blackbox h2, .redbox h2 {
    color: #ffffff;
    display: block;
    line-height: 40px;
    padding-left: 10px;	
}

.blackbox h2 {
	background-color:#000000;
	border-bottom:1px solid #999999;
}

.redbox h2 {
	background-color:#E81010;
	border-bottom:1px solid #000000;
}

.blackbox .content, .redbox .content {
	padding: 0 1em 1em;
}

.blackbox .content ul, .redbox .content ul {
	list-style-type:disc;
	margin-left:1em;
}

.blackbox .content li, .redbox .content li {
	font-size: 15px;
    line-height: 20px;
    padding-bottom: 0.75em;
}

.arrow-list li {
    padding-right: 20px;
}

.testimonials {
	margin-top:2em;
}

.testimonials li {
	margin-bottom:3em;
}


.testimonial-text p {
    font: italic 14px/22px Arial,serif;
	padding-left: 1.2em;
	padding-right: 1.2em;
}

.testimonial-author-container {
	height:35px;
}

.testimonial-author-pre {
	float:left;
	width:30px;
	height:35px;
	background-color:#E81010;	
}

.testimonial-author {
	display:block;
	font-size:12px;
	padding-left:45px;
	line-height:35px;
}



hr.styleblock {
padding: 0;
border: none;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
color: #333;
text-align: center;
margin-bottom:30px;
margin-top:0;
 
}

hr.styleblock:after, hr.styleblock > after {
content:" ";
display: inline-block;
position: relative;
top: -2.1em;
font-size: 1.5em;
background-image: url(../images/hr-block.png);
padding:43px 1.75em; 
background-size: 50px 10px;
height:10px !important;  
background-repeat:no-repeat;
background-position:center;
background-color:#fff;
/*background-image: url(../images/hr-blocks.png);
padding: 35px 1.25em;
background-size: 20px 24px;
height: 24px; */

}

hr.style-six {
padding: 0;
border: none;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
color: #333;
text-align: center;
}

hr.style-six:after {
content:" ";
display: inline-block;
position: relative;
top: -2.1em;
font-size: 1.5em;
padding: 19px 1.75em;
background: #fff url(../images/cartoon_1.png) no-repeat scroll center;
background-size: 90px 90px;
height: 50px;
}




.wpcf7 label {
    font: 13px/18px Arial,sans-serif;
    margin-bottom: 3px;
}

.wpcf7 fieldset {
    margin-bottom: 20px;
}

.testimg {
   float:right;
   background-color: #eee;
   border: 1px solid #555;
   margin-left: 15px;
   margin-right: 10px;
   padding: 5px;
}

.quick-contact-info a {
	font-size:15px;
}


#nav li.home::before {
    border-left: 19px solid transparent;
}

#search::before {
    border-left: 19px solid transparent;
}

.title-btn span {
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 1px;
}

#portfolio-carousel > li.last {
	margin-right:0;
}

.frame-trans {
	padding:5px;
	border:1px solid #555;
}

.mar10 {
	float:left;
	clear:none;
	margin:10px;
}

 .issues {
	 width:80%; 
	 margin:30px auto 15px;
 }
 
 .ul-disc {
	 list-style:disc;
	 margin-left:5em;
 }
 
 .ul-disc li {
	 padding-left: .3em;
 }
 
 .nudge {
	 margin-top: 8px;
	 margin-right: 8px;
 }
 
 .nivo-prevNav, .home-slider .nivo-prevNav {
    background-image: url("../images/blocks-grayscale.png");
}

 #main-content a {
	 font:  15px/24px Arial, sans-serif !important;
	 text-decoration: underline !important;
	 color:#e81010 !important;
 }

#main-content .title-btn  a {
	color: #ffffff !important;
}
 
 
.caption-hover {
    width: 30px;
}


#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
    color: #e81010;
}

/*

span.float-left > img{
	float:left;
	margin-right: 15px;
}

span.float-right > img {
	float:right;
	margin-left: 15px;
}

*/

 .cms-float-left {
	 margin-right: 20px;
 }
 .cms-float-right {
	 margin-left: 20px;
 }



.feed-container .content .item {border-bottom: 1px dashed #999999;margin-top:10px;}
.feed-container .content .item .title {color:#bbb; font-weight:bold; font-size:12px; line-height: 15px; margin-bottom:10px;margin-top:10px;}

.feed-container .content .item .title a:link{color:#bbb;text-decoration:none;}
.feed-container .content .item .title a:visited{color:#bbb;text-decoration:none;}
.feed-container .content .item .title a:hover{color:#e81010 !important;text-decoration:none !important;}
.feed-container .content .item .title a:active{color:#bbb;text-decoration:none;}
.feed-container .content .item .description  {color:#bbb; font-size: 11px; line-height:14px;margin-bottom:10px;}



@media only screen and (min-width: 960px) and (max-width: 1000px){

	#logo {
		margin-right:80px;
	}
	
	.page-title .title-btn {
	   right: 80px;
   }
   
   #content-wrapper {
    width: 95%;
}

	.container_12 {
		width: 100%;
	}
	   
	   
   #portfolio-carousel > li {
	   width: 210px;
   }
   
    .note.with-btn .title-btn {
	   right: 40px;
   }
   
   .social-links {
	   margin-right: 50px;
   }
	
}


@media only screen and (min-width: 768px) and (max-width: 959px){
	
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	   margin-bottom: 30px;
   }
	#nav-container {
		margin-top:2.2em;
}

	.slider-wrapper {
	   width: 120%;
   }
   
   .nivo-caption {
    width: 95%;
}

.nivo-caption li::before {
    font-size: 20px;
} 

   
   .page-title .title {
    max-width: 500px;
}

	 .page-title .title#mission {
		max-width:730px;
		padding-right:10px;
	}
   
   #portfolio-carousel {
    min-height: 100px !important;
   }
   
   .note.with-btn .title {
    max-width: 100%;
    padding: 20px 0px 10px 20px;
    text-align: left;
}


   .note.with-btn .title-btn {
	display: block;
    float: right;
	margin: 0 20px 0 20px;
    margin-bottom: 20px;
    margin-right: 20px;
	position: relative;
   }
   
   #tweet-sroll-wrapper .tweet-icon {
	   margin-right:0;
   }
   
   
.tweets-list-container {
	width: 650px;
	padding-bottom:10px;
}
   

	
}



@media only screen and (min-width: 480px) and (max-width: 767px){
	
	
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	   margin-bottom: 15px;
   }
	
   #nav-container select { 
		padding-left: 8px;
		margin-top: 35px;
	}

	
	#nav-responsive option.sub {
		margin-left:10px;
	}
	
	
.page-title .title {
	padding-right: 150px;
}
	
	
.page-title .title h1 {
	font-size:20px;
}
	
	.page-title .title-btn {
		right:0;
	}
	
	.title-btn span {
	   font-size: 16px;
	}
		
	.slider-wrapper {
	   width: 120%;
   }
   
  
.nivo-caption li::before {
    font-size: 18px;
}

.nivo-caption {
    height: 45px;
    width: 95%;
	padding: 13px 20px 14px;
	margin-bottom:15px;
} 

.nivo-caption ul {
	float:right;
}

.nivo-caption li {
    font-size: 18px;
    padding-left: 0.75em;
    padding-right: 1em;
}

.caroufredsel_wrapper {
	height:300px;
	overflow: visible;
    text-align: left;

}

#portfolio-carousel {
	height:300px;
	width:540px;
    text-align: left;
}

#portfolio-carousel > li {
    margin-bottom: 25px;
	margin-right:20px;
    width: 190px;
}

#portfolio-carousel > li.last, #portfolio-carousel > li.endrow {
	margin-right:0;
}

   .note.with-btn .title {
    max-width: 100%;
    padding: 20px 0px 10px 20px;
    text-align: left;
}


   .note.with-btn .title-btn {
	display: block;
    float: right;
	margin: 0 20px 0 20px;
    margin-bottom: 20px;
    margin-right: 20px;
	position: relative;
   }

	
	
}


@media only screen and (min-width: 539px) and (max-width: 720px){
	.nivo-caption {
		padding-left:0;
		text-align:left;
		width: 91%;
		padding-right:28px;
	}
	
	.nivo-directionNav a {
		margin-top:-13px;
		padding: 13px 10px;
	}
	
	.nivo-caption ul {
		margin-top:-3px;
	}
	
	
   .tweets-list-container {
	   width: 360px;
	   padding-bottom:10px;
   }
   
   
.tweets-list-container li {
	font-size: 17px;
	padding-left:0;
	padding-right: 1em;
}

	
	
}

@media only screen and (min-width: 320px) and (max-width: 479px){
	
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	   margin-bottom: 15px;
   }
	
	.page-title .title {
	   padding: 15px 10px 15px 25px;
	   
    }
	
	.page-title .title h1 {
    	font-size:22px;
	}
	
	#nav-responsive option.sub {
		margin-left:10px;
	}
	
	#nav-container select { 
		padding-left: 8px;
		margin-top: 35px;
	}
	
	.slider-wrapper {
	   float: left;
	   height: auto;
	   width: 120%;
   }
   
   .nivo-caption {
	   width:280px;
	   padding: 13px 0 14px 15px;
	   text-align:left;
   }
   
   .nivo-directionNav a {
    background-image: none;
	background-color: transparent;
   }
   
   .nivo-directionNav a:after {
   /*  border-bottom: none;
    border-left: none;
	background-color: transparent; */
	display:none;
   }
   
   .nivo-prevNav, .home-slider .nivo-prevNav {
    background-image: none;
	background-color: transparent;
}
   
   .nivo-caption li::before {
    font-size: 18px;
}
.nivo-caption li {
    font-size: 15px;
}

.nivo-caption li, .tweets-list-container li {
    font-size: 15px;
    padding-left: 0;
    padding-right: .5em;
}

.col2 {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}

#tweet-sroll-wrapper {
	display:none;
}

#portfolio-carousel > li {
    margin-bottom: 25px;
}

.mar10 {
	float:left;
	clear:none;
	margin:10px 0;
}

img.float-left {
	float:none;
	display:block;
	margin: 15px auto;
}


img.float-right {
	float:none;
	display:block;
	margin: 15px auto;
}

.issues {
	 width:100%; 
	 margin:15px auto;
 }
 
 
.blackbox, .redbox {
	width: 100%;
	margin-bottom:15px;
}

.note .title {
    padding: 20px 20px 0;
}

#exp-note {
	width:100% !important;
}

.grid_12.note::before {
    width: 98%;
}

.widget {
	margin-bottom: 20px;
}

.caption-title {
	width: auto;
}

.caption-hover {
    bottom: 0;
}

.ul-disc {
    margin-left: 2em;
}

.blocks .col2 {
	margin-left: 1em;
}

.testimonial-text p {
    padding-left: 0;
    padding-right: 0.5em;
}

.indent {
    padding-left: .5em;
}

 .nudge {
	 margin-top: 0;
	 margin-right: 0;
 }
	
}