/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */


/* ----------------------------------------------------- IMPORTS ----------------------------------------------------- */

/* HTML element (SMACSS base) rules */
@import "normalize.css";

/* Layout rules */
@import "layouts/responsive.css";

/* Component (SMACSS module) rules */
@import "components/misc.css";
/* Optionally, add your own components here. */
@import "print.css";
/* ----------------------------------------------------- GENERAL/OVERALL/STRUCTURAL ----------------------------------------------------- */

.front #logo-nav {border-bottom: none; }
#logo-nav {border-bottom: 10px solid #3a9ac2; height:130px;}
#header-full-width { height: 310px; background: url(../images/header-image.jpg)}
#header-full-width .wrapper { margin-left: auto; margin-right: auto; max-width: 1200px; }

.front #page-title, #first-time { display: none; }
#page-title { margin-top: 0; }
.section-about-us #page-title { margin-top: 50px; }


#logo-nav .wrapper, #footer-region .wrapper{ width:1200px; margin:0 auto;}
.logo-block { float: left; margin-right: 40px;}
ul.menu li{ list-style-type: none !important; list-style-image: none !important; margin: 0; padding: 0; display:inline; }
.main-menu-block { padding-top:2em;}



#main { padding-top:0;}

.sidebar-second .region-sidebar-second {float: left; width: 30%; margin-left: 70%; margin-right: -100%; margin-top: 50px; }
.sidebar-second #content { float: left; width: 70%; margin-left: 0%; margin-right: -70%; margin-top: 50px; }

a { color: #f2852f; text-decoration: none; }
a:hover { color: #464646; }
img { height: auto; width: auto; max-width: 100%; } 
/* ----------------------------------------------------- BUTTONS ----------------------------------------------------- */

button { text-transform: uppercase; padding: 15px; margin-bottom: 15px; font-weight: normal; }
.btn__orange { padding: 0 0 0 20px; color: #7d7d7d;  background: white; border: none; border: 3px solid #f2852f; width: 45%; text-align: left; line-height: 50px; }

/* ----------------------------------------------------- TYPOGRAPHY ----------------------------------------------------- */


/* Customized Bootstrap Typography */

.front body { line-height: 24px; }

html {   min-height: 100%;   position: relative;}
body {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #464646;
  background-color: #fff;
  /*-webkit-transform: translate3d(0,0,0);*/ /* Anti-Aliasing */
  margin: 0 0 250px; /* bottom = footer height */
  padding-bottom: 120px;
}

#footer-region {border-top: 10px solid #3a9ac2; height:250px; background:#185a75;   position: absolute; left: 0; bottom: 0; width: 100%; }

h1 { margin: .67em 0; font-size: 2em; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { /* font-family: inherit; */ font-weight: 500; line-height: 1.1; color: inherit; }
h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; }
h1, .h1 { font-size: 36px; }
h2, .h2 { font-size: 30px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 18px; line-height: 1.3; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }
p { margin: 0 0 10px; }

ul.highlighted-list {  list-style: none; padding-left: 30px; margin-left: -5px; position: relative; }
ul.highlighted-list li { line-height: 33px; }
ul.highlighted-list li:before {
 	content: "";    
    width: 10px;
    height: 10px;
    background-color: white;
    border: 3px solid #185a75;  
    margin: 9px 3px 0;
    border-radius: 50%;
 	color:#e60000; 
 	position:absolute; 
 	left: 0px; 
 }

h2.h4, h3.h4 { font-size: 17px; }
.lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; }
.large { font-size: 42px; }
.sidebar .lead { font-size: 14px; }

@media (min-width: 768px) { .leaad { font-size: 21px; }
  							.sidebar .lead { font-size: 17px; }
						   }

small, .small { font-size: 85%; }
h1, h2, h3, h4 { font-family: 'Sanchez', serif; font-weight: normal; color: #185a75; }
.font-reset { font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.strong-700 { font-weight: 700; }
.sidebar {  font-family: 'Sanchez', serif; }

.arrow { 
	
  position: relative; 
	background: transparent;
	font: bold 42px 'Economica', sans-serif;
	text-decoration: none;
	color: #185a75;	
	border: 3px solid white;

	width:50px;
	height:50px;
	border-radius:50px;	
	line-height: 42px;
	text-align: center;
	text-decoration: none;		
}

input[type=checkbox],input[type=radio]  { background: white; width: 15px; height: 15px; border: none; }

/*input[type=radio],
input[type=checkbox] {
    display: none;
}
.form-type-radio label:before {
    border-radius: 8px;
}
.form-checkboxes label:before {
    border-radius: 3px;
    min-height: 21px;
padding-left: 20px;
}

input[type=radio]:checked {
    content: "\2022";
    color: #f3f3f3;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
}

input[type=checkbox]:checked {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #f3f3f3;
    text-align: center;
    line-height: 15px;
}*/
/* ----------------------------------------------------- COLORS ----------------------------------------------------- */

.white { color: white; }
.dark-blue { color: #185a75; }
.light-blue { color: #3a9ac2; }
.medium-gray { color: #d7d7d7; }
.orange { color: #f2852f; }

.orange-bg { background: #f2852f; }

/* ----------------------------------------------------- PADDING/MARGIN/ALIGNMENT ----------------------------------------------------- */

.padding-10 { padding: 10px; }
.padding-15 { padding: 15px; }

.padding-top-10 { padding-top: 10px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-50 { padding-top: 50px; }

.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-50 { padding-bottom: 50px; }

.margin-bottom-10 { margin-bottom: 10px;}

.margin-top-0 { margin-top: 0; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }

.margin-right-0 { margin-right: 0; }
.margin-right-10 { margin-right: 10px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-30 { margin-right: 30px; }
.margin-right-40 { margin-right: 40px; }
.margin-right-50 { margin-right: 50px; }

.pull-left { float: left; }
.pull-right { float: right; }

/* ----------------------------------------------------- BORDERS ----------------------------------------------------- */

.border-top-1 { border-top: 1px solid #185a75;  }
.border-bottom-1 { border-bottom: 1px solid #185a75;  }


/* Finished initial setup - get into specifics //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* ////////////////////////////////////////////////////////////// HEADER ////////////////////////////////////////////////////////////// */

.region-logo-nav { height:130px; clear:both; overflow: hidden; }

.logo-block, .block-menu-block { padding: 0px; margin: 0; }
.logo-block { float: left; width: 50%; padding-top: 30px;}

.block-menu-block { float: right; }

.block-menu-block {  width: 50%; padding-top: 20px; text-transform: uppercase; font-weight: bold; font-size: 95%; } 
#block-menu-block-2 {font-weight: normal;}
.block-menu-block .menu { margin-top: 30px; }
.region-logo-nav .block-menu-block li:first-child { display: none; }
.block-menu-block .menu a { text-decoration: none; padding: 5px 15px 5px 15px; color: #7d7d7d; border-right: 4px solid #185a75;  }
.block-menu-block .menu li { float: left; }
.block-menu-block .menu li.last a { border-right: none; }
.block-menu-block .menu .active { color: #3a9ac2; }
.block-menu-block .menu .menu-mlid-436 a {  background: url(../images/icon-download-header.png) left 0px no-repeat; width: 150px; text-indent: -999999px; white-space: nowrap; overflow: hidden; display: block; margin: -10px 0 0 13px; padding-bottom: 25px; }


/* ////////////////////////////////////////////////////////////// FOOTER //////////////////////////////////////////////////////////////  */

.region-footer .block-menu-block .menu a { color: white; padding-top: 0; padding-bottom: 0; font-size: 92%; border-right: 2px solid #3a9ac2; }
.region-footer .block-menu-block .menu .active { color: #3a9ac2; }

#block-block-9 { margin-top: -40px; width: 50%; float: left; }
#block-block-9 div { float: left; width: 100%;}
#block-block-9:first-child .pull-left { margin-right: 35px;  }

#block-block-9 .footer__logo { margin-top: 66px; }

.download__roadmap {  margin: -44px 0px; padding: 0; background: #3a9ac2; padding: 29px 20px 0px 20px; width: 300px;  }
.download__roadmap p  {  font-family: 'Sanchez', serif; font-weight: normal; font-size: 20px; text-decoration: none; margin-top: -33px; margin-bottom: 0 !important; }
.download__roadmap p>a { color: white; text-decoration: none; line-height: 85px; }
.download__roadmap p img { margin-left: 17px; padding-top: 20px; float: right; }

#block-menu-block-2 { margin: 63px 0 20px 0; padding: 0; text-align: right; width: 50%; }
#block-menu-block-2 ul { padding-left: 0; margin-left: 0; width: 100%; }
#block-menu-block-2 .menu a { padding: 5px 12px 5px 12px }
.lt-ie9 #block-menu-block-2 .menu a { padding: 5px 15px 5px 15px; } /* Specific padding for menu in footer since it wants to be crazy pants in  IE */
#block-menu-block-2 .menu li.first, #block-menu-block-2 .menu li.first a { padding-left: 0; margin-left: 0; }
#block-menu-block-2 .menu li.last, #block-menu-block-2 .menu li.last a { padding-right: 0; margin-right: 0; }



.contact__us { width: 50%; font-size: 85%; } 
.contact__us p>a { padding: 2px 50px 2px 50px; width: 80px; background: #3a9ac2; text-decoration: none; color: white; font-family: 'Sanchez', serif; float: left; margin-left: 0px; }
.lt-ie9 .contact__us p>a { margin-left: 12px; } /* Specific margin for menu the contact button since it wants to be crazy pants in  IE */



/* ////////////////////////////////////////////////////////////// SIDEBARS //////////////////////////////////////////////////////////////  */

/*------------ CALLOUT ------------*/
.sidebar__callout h2, .sidebar__callout p  { color: white; }
.sidebar__callout { position: relative; height: 220px; margin-bottom: 70px; } 
.sidebar__callout .lead { width: 78%; margin-top: 20px; clear: both;  }

.sidebar__callout .arrow { 	display: block; position: absolute; top: 72%; left: 80%; } 
.sidebar__callout:after { 
	width: 0;
	height: 0;
	position: absolute;
	bottom: -45px;
	left: 30%;
	content: "";
	border-top: 75px solid #f2852f;
	border-right: 80px solid transparent;
}

/*------------ WEBINAR CALLOUT ------------*/

.webinar-callout { border: 3px solid #185a75; text-align: center; padding: 40px 0 40px 0; margin-bottom: 40px; position: relative;}
.webinar-callout h1 { margin: 0; padding: 0; }
.webinar-callout h2 { margin: 0 0 20px 0; }
.webinar-callout p.h4 { font-weight: bold; }
.webinar-callout p.h4 a:hover { color: #f2852f; }
.webinar-callout .arrow {  display: block; position: absolute; top: 72%; left: 80%;   border: 3px solid #f2852f;  width: 50px; height: 50px; border-radius: 50px; }

/*------------ WEBINAR RECORDING BLOCK ------------*/

.webinar-recording { border: 3px solid #185a75; text-align: center; padding: 15px 0 15px 0; margin-bottom: 25px; position: relative;}
.webinar-recording h1 { margin: 0; padding: 0; color: #185a75; }
.webinar-recording h2 { margin: 0 0 20px 0; }
.webinar-recording p.h4 { font-weight: bold; }
.webinar-recording p.h4 a:hover { color: #f2852f; }
.webinar-recording .btn_orange .arrow { float: right; color: #f2852f; border: none; width: 30px; height: 30px; border-radius: 50px; line-height: 42px; text-align: center; text-decoration: none; position: relative; background: transparent; font: bold 42px 'Economica', sans-serif; }
.webinar-recording .btn_orange  {padding: 0 0 0 10px; color: #7d7d7d; background: white;  border: 3px solid #acacac; width: 84%; text-align: left; line-height: 56px; display: block; text-decoration: none; text-transform: uppercase; margin-top:1em; margin-left: 20px; letter-spacing: 0px; font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; }


/*------------ WEBINAR POWERPOINT DOWNLOAD BLOCK ------------*/
.section-webinar .region-sidebar-second {margin-top: 128px !important;}
.webinar-download { border: 3px solid #185a75; margin-bottom: 40px; position: relative;}
.webinar-download a span.download { color: #f2852f; float: left; width: 66%; margin-left: 10%; margin-top: 8px;}
.webinar-download .h3 { font-size:20px; margin:15px 0;}
.webinar-download .h3 img { width:50px; height:auto;}


/*------------ WEBINAR CONTENT BLOCK ------------*/

.section-webinar p {margin-bottom:30px;}
.section-webinar h2 {margin-top:0px; color: #7d7d7d;}
.section-webinar #page-title {margin-bottom:0px;}



/*------------ CITATION ------------*/
.sidebar__citation a { text-decoration: none;  color: #7d7d7d; }
.sidebar__citation p { font-size: 71%; line-height: 18px; margin-bottom: 0; }


/*------------ WEBFORM (GENERAL) ------------*/

.block-webform p, .block-webform .form-text, .block-webform label, .block-webform .form-textarea, .sidebar form #edit-actions>input { font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.block-webform .block-title { color: #ffffff; padding-top: 20px; }
.block-webform label { font-weight: 400;}
.webform-component-markup { font-size: 120%; }
.commitment-block, .submit-resource-block{ background:#185a75; padding: 0 20px 20px; color:#FFF;}
.webform-confirmation p {margin-top: 20px;}

.sidebar form input, .sidebar form textarea { background:#185a75; border: 1px solid #fff; font-size:.8em; color: white; }
.sidebar form input.form-checkbox, form.webform-client-form input.form-radio { float: left; margin-top: 4px; }
.form-type-radio label, .webform-component-checkboxes label  { padding-left: 5px; }
.sidebar form input.form-text { padding: 0 20px; height:45px; max-width: 100%; }
.sidebar form input.form-text { padding: 15px 0\9; height:45px; max-width: 100%; }
.sidebar form .form-textarea { padding:20px; background:#185a75; color: white; display:inline-block;}
.sidebar form #edit-actions>input { text-align: left; padding: 15px; background: #3a9ac2; color: white; border: none; text-transform: uppercase; font-size: 110%; margin-top: 20px; background: url(../images/arrow-white.png) 97% center no-repeat #3a9ac2; width: 78%; }
.resizable-textarea .grippie { display: none; }

#webform-component-please-do-not-share-my-email-address { border-bottom: 1px solid #3a9ac2; padding-bottom: 10px; }
#webform-component-markup p:first-child, label[for=edit-submitted-this-commitment-is-for] { color: #d7d7d7; }

.webform-component>p { font-size: 95%; padding-top: 10px; }
.form-item, .form-radios .form-item  {margin: 0 0 18px 0;}
.form-item .description { color: #d7d7d7; font-size: 70%; line-height: 13px; margin-top: 20px; }

/* AJAX */
div.views-submit-button { positon: relative; }
div.views-submit-button div.ajax-progress { position: absolute; }
div.views-submit-button div.ajax-progress div { position: relative; top: 13px; }

/*----------- COMMITEMENT FORM ------------*/

#webform-component-enter-title, #webform-component-enter-organization, #webform-component-enter-email-address, #webform-component-enter-website, #webform-component-enter-state, #webform-component-enter-country{ float:left; width:48%; }
#webform-component-enter-title, #webform-component-enter-email-address, #webform-component-enter-state { margin-right:10px; }
form.webform-client-form .form-item-submitted-this-commitment-is-for { width:50%; float:left;}
form.webform-client-form {position: relative;}

form.webform-client-form #webform-component-markup>p:last-child { border-top: 1px solid #3a9ac2; }
.commitment-block #webform-component-reset-form  { width: 21%; }
.commitment-block { border-bottom: 4px solid #3a9ac2; }

/*------------ SUBMIT A RESOURCE FORM ------------*/

.submit-resource-block .block-title { border-bottom: 1px solid #3a9ac2; padding-bottom: 10px; }
.submit-resource-block #webform-component-email-address { float: left; width: 49%;  }
.submit-resource-block #webform-component-telephone { float: right; width: 47%;  }
.submit-resource-block textarea { border: 1px solid white; }
.submit-resource-block #webform-component-resource-information, .submit-resource-block #webform-component-upload-information { margin: 0; padding: 0; border-top: 1px solid #3a9ac2; height: 45px; padding-top: 5px; clear: both; }
.submit-resource-block .webform-component-select { padding: 10px; background: #185a75; border: 1px solid white; }
.submit-resource-block .webform-component-select .form-select { background: #185a75; border: none; color: white; }

.submit-resource-block #edit-submitted-upload-resource-upload { padding: 8px; width: 70%; margin-right: 10px;}
.submit-resource-block #edit-submitted-upload-resource-upload-button { padding: 14px; width: 26%; background: white; color: #3a9ac2 !important; height: 37px; }

#edit-actions { width: 95%;  }
#webform-component-reset-form  { width: 25%; float: right; margin-top: 14px; }
#webform-component-reset-form input { color: white; border: none; padding: 11px; font-size: 101%; }

#webform-component-or { text-align: center; }
.submit-resource-block { border-bottom: 4px solid #3a9ac2; }

/*------------ PRIVACY STATEMENT ------------*/

.sidebar__privacy { border: 1px solid #ccc; padding: 15px; }
.sidebar__privacy h2.block__title { font-size: 14px; margin: 0 0 10px 0; }
.sidebar__privacy p { font-size: 71%; line-height: 18px; margin-bottom: 0; }

/*------------ VISION ------------*/

.sidebar__vision { border: 2px solid #185a75; padding: 20px;}
.sidebar__vision h2.block-title { line-height:1em; font-size: 27px;}
.sidebar__vision ul { font-size: 113%; margin-left: 0; }
.sidebar__vision ul.highlighted-list li { line-height: 23px; margin-bottom: 10px; }
.sidebar__vision ul.highlighted-list li:before { margin-top: 5px; left: 0px; }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* ////////////////////////////////////////////////////////////// 1. HOME //////////////////////////////////////////////////////////////  */

/*------------ HEADER ------------*/

.home__header-content h1, .home__header-content h2, .home__header-content p { color: white; }
.home__header-content p { width: 40%; margin-top: 25px; }

.home__header-content h2 { float: left; }
.home__header-content h2 a {color:#ffffff !important}
.home__header-content .arrow { float: right; padding: 0px; margin: -25px 0 0 20px; width: 85px; height: 86px; font-size: 70px; color: #f2852f; border: none !important; }

.front .btn__orange { display: block; text-decoration: none; text-transform: uppercase; }
.front .btn__orange:first-child { margin-top: 2em; }
.front .btn__orange .arrow { float: right; color: #f2852f; border: none; }


/* ////////////////////////////////////////////////////////////// 2. COMMITMENTS/RESOURCES ////////////////////////////////////////////////////////////// */

/*#block-views-commitments-block a { color: #3a9ac2; font-weight: 700; text-decoration: none; font-size: 16px; }*/

/*------------ FOR ALL VIEWS ------------*/
.views-exposed-form input, .views-exposed-form select  { padding: 15px; border: 1px solid #acacac; height: 50px; -webkit-appearance: none; border-radius: 0px; background: transparent; color: #acacac;}
.views-exposed-form input { width: 270px; margin-right: 20px; max-width: 270px;}
.views-exposed-form .form-item-field-resource-strategy-tid, .views-exposed-form .form-item-field-commitment-tags-tid {width:370px; border: 1px solid #acacac; overflow:hidden; background: url(../images/selectArrows.png) 95% center no-repeat #ffffff;}
.views-exposed-form select  { width: 390px; max-width: 390px; border: none; padding-right: 0px !important;}
.views-exposed-form label { display: none; }
.views-exposed-form .views-exposed-widget .form-submit { background: #3a9ac2; color: white; border: none; text-transform: uppercase; width: 120px; margin: 0 0 0 20px; }
.views-exposed-form .views-exposed-widget{ padding: 0; }
.views-exposed-form { border-bottom: 1px solid #7d7d7d; padding-bottom: 20px; }

.view h3 a { color: #3a9ac2; text-decoration: none; }
.views-row-last:last-child, .section-commitments .views-row-last:last-child { border-bottom: none !important; }

/*------------ FOR ALL COMMITMENTS VIEWS ------------*/
.section-commitments .views-field { color: #464646; }
.section-commitments .views-field-title, .section-commitments .views-field-field-c-titlle   { font-family: 'Sanchez', serif; font-weight: normal; color: #464646;  }
.section-commitments .views-field-title>span>a{ font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.section-commitments .views-field-title>span>a { font-size: 57%; text-transform: uppercase; color: #7d7d7d; text-decoration: none; }
.section-commitments  .block__title { margin-top: 0px; font-size: 29px; }

.section-commitments .views-row-last { /* border-bottom: 1px solid #7d7d7d;*/ padding-bottom: 20px;}


/*------------ RECENT COMMITMENTS/SEARCH BY STRATEGY VIEW ------------*/
.section-commitments .views-field-title, .section-resources .views-field-title { font-size: 120%; color: #3a9ac2; font-weight: 500; }
.section-commitments .views-field-body, .section-resources .views-field-body { color: #7d7d7d; margin: 5px 0 10px 0; }

#block-views-commitments-block h2, #block-views-commitments-block-1 h2, #block-views-resources-block h2.block-title  { color: #7d7d7d; border-top: 1px solid #7d7d7d; padding: 15px 0 10px 0; font-size: 22px; font-weight: normal; margin-bottom: 20px; }
#block-views-resources-block { margin-top: 10px; }
#block-views-commitments-block .views-row-last, #block-views-resources-block .views-row-last { padding-bottom: 0;}
#block-views-resources-block .block-title { border-bottom: 0; }

.section-commitments .views-field-field-c-organization, .section-commitments .views-field-field-c-titlle, .section-resources .views-field-field-resource-date { color: #464646; font-size: 98%; }
.section-commitments .view h3, .section-resources .view h3 { font-size: 22px; }
#block-views-commitments-block-1 .views-row, .view-resources .views-row { padding-left: 80px; margin-top:25px; }
#block-views-commitments-block .views-row {margin-top: 25px;}
.views-row-first {margin-top:10px !important; }

/*------------ SEARCH COMMITMENTS VIEW ------------*/

.section-resources .views-field-field-resource-date { font-size: 98%; }

.view-commitments h3 { background: url(../images/view-icons.png) left 20px no-repeat; padding-top: 20px; border-top: 1px solid #7d7d7d; }
.view-commitments h3:first-child {padding-top:0px; border-top: none; background-position: left top; }
.view-commitments h3, .view-resources h3 {
   padding-left: 80px; /* Width of the icon, plus some extra for spacing */
   height: 60px;
   line-height: 60px;
   margin-bottom: 0;
}


/*------------ SEARCH BY STRATEGY VIEW ------------*/
.searchStrategy h3 { margin-left: 0px; padding-left: 0px; padding-top: 0px; margin-bottom: 40px; }
.searchStrategy h3 span {margin-right: 12px; height:60px; display: inline-block; padding-top: 5px;}
.searchStrategy h3 span img {position: relative; top: 20px;}
.view-resources h3:first-child { border-top: none; padding-top:0px; margin-top: 0px; }
.view-resources h3 {border-top:1px solid #7d7d7d; margin-top:30px; }
/*.view-resources h3:nth-of-type(2) { background-position: 0 -140px; } *//* Not sure why the 3rd child actually works.  Might need to add classes here for specific items */
/*.view-resources h3:nth-of-type(3) { background-position: 0  20px; }
.view-resources h3:nth-of-type(4) { background-position: 0 -525px; }
.view-resources h3:nth-of-type(5) { background-position: 0 -372px; }
.view-resources h3:nth-of-type(6) { background-position: 0 -295px; }
.view-resources h3:nth-of-type(7) { background-position: 0 -603px; }
.view-resources h3:nth-of-type(8) { background-position: 0 -60px; }
.view-resources h3:nth-of-type(9) { background-position: 0 -448px; }*/

/* ////////////////////////////////////////////////////////////// 2. RESOURCES ////////////////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////////////////// 3. ABOUT US ////////////////////////////////////////////////////////////// */

.section-about-us #content .pull-left, .section-about-us #content .pull-right { width: 46%; padding: 1%; }

/* ////////////////////////////////////////////////////////////// 4. VISION ////////////////////////////////////////////////////////////// */

.section-vision p { line-height: 24px; margin-bottom: 35px; }
.section-vision iframe { border: 2px solid  #185a75; }

.section-vision .sidebar .arrow {  
  float: right;
padding: 2px;
margin: -45px 0 0 20px;
font-size: 45px;
color: #3a9ac2;
border: 3px solid #185a75;
}

.section-vision .sidebar .h3 { clear: both; display: block; height: 70px; }
.section-vision .sidebar .h3 a span { color: #f2852f; float: left; width: 60%; margin-left: 10%; }
.section-vision .sidebar .h3 img { float: left; }
div.ctools-modal-content .modal-title {font-size:30px; font-family:'Sanchez', serif; color:#185a75;}
.modal-header {text-align:center;}


/* ////////////////////// Contact Popup //////////////////// */

.popups-body .webform-hints-field {height: 50px; padding: 15px;}
.popups-body .form-text {width:100%;}
.popups-body .form-textarea {height:100px; display: inline-block;}
.popups-body .webform-component-select {border: 1px solid #7d7d7d; width: 100%; overflow: hidden; background: url(../images/selectArrows.png) 95% center no-repeat #ffffff;}
.popups-body select {-webkit-appearance: none; width: 109%; max-width: 109% !important; border:none; background: transparent; color:#464646;}
.popups-body .form-submit {text-align: left; padding: 15px; color: white; border: none; text-transform: uppercase; font-size: 110%; width: 50%; display: block; margin: 20px auto; background: url(../images/arrow-white.png) 97% center no-repeat #3a9ac2;}
div.modal-forms-modal-content .popups-close {position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; background: url(../images/icon_close.png) 0 0 no-repeat;}
div.modal-forms-modal-content .popups-close:hover {background-position: 0 0;}
div.modal-forms-modal-content .modal-header {padding: 25px 1em 0 1em;}
.modal-content {height:100% !important;}
.modal-forms-modal-content {height: 100% !important;}
#webform-client-form-48 #webform-component-node-title { display:none;}



/* ////////////////////// SHARETHIS CUSTOMIZATION //////////////////// */
/*
.sharethis-wrapper, #block-block-16 { border:1px solid #3a9ac2; width: 278px; height: 26px; padding: 0px 20px 10px 0px; float: right; position: relative;}
.sharethis-wrapper img {position: absolute; top: 33px; left: 25px;}
.st_sharethis_custom { background:url(../../../../default/files/share_text.png) no-repeat; height:18px; width:46px; display:block; float:left;margin-right: 20px; border-right:1px solid #3a9ac2; padding: 10px 20px; background-position: 20px 11px; cursor: pointer; }
.st_facebook_custom{ background:url(../images/icons_social.png) no-repeat; height:16px; width:8px; display:block; float:left;margin-right: 20px; background-position: 0px 0px; cursor: pointer; margin-top: 10px;}
.st_facebook_custom:hover, .st_facebook:hover { background-position: 0px -22px; }
.st_twitter_custom, .st_twitter { background:url(../images/icons_social.png) no-repeat; height:16px; width:19px; display:block; float:left;margin-right: 20px; background-position: -25px 0px; cursor: pointer; margin-top: 10px;}
.st_twitter_custom:hover, .st_twitter:hover { background-position: -25px -22px; }
.st_linkedin_custom, .st_linkedin { background:url(../images/icons_social.png) no-repeat; height:15px; width:16px; display:block; float:left;margin-right: 20px; background-position: -56px 0px; cursor: pointer; margin-top: 10px; }
.st_linkedin_custom:hover, .st_linkedin:hover { background-position: -56px -22px; }
.st_googleplus_custom, .st_googleplus { background:url(../images/icons_social.png) no-repeat; height:16px; width:16px; display:block; float:left;margin-right: 20px; background-position: -86px 0px; cursor: pointer; margin-top: 10px; }
.st_googleplus_custom:hover, .st_googleplus:hover { background-position: -86px -22px; }
*/

#block-block-16 { border:1px solid #3a9ac2; width: 278px; height: 26px; padding: 0px 20px 10px 0px; float: right; position: relative;}
.stButton, .stButton .stMainServices {position: inherit !important;}
.st_facebook .stButton, .st_twitter .stButton, .st_linkedin .stButton, .st_googleplus .stButton { text-indent: -999999px; color: transparent; width: 16px; width: 16px;}
.stHBubble { position:absolute; right:0;}
/*.st_sharethis_hcount .stButton {width:260px;}*/
.st-sharethis-counter {background:url(../../../../default/files/share_text.png) no-repeat !important; height:18px !important;  width:46px !important; background-position: 20px 11px; cursor: pointer; margin-top:3px !important; margin-top: 12px !important; margin-left: -14px !important; }
.st_sharethis_hcount .stArrow {float:right;}
.st_sharethis_hcount {margin-top: 0px; display: block; margin-left:38px; border-right:1px solid #3a9ac2;height:36px !important; width:46px !important; }
.stButton .stHBubble, .stButton .stArrow .stButton_gradient {  background: #3a9ac2 !important; padding: 10px 20px!important; color: #fff!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; border-radius: 0px !important; margin-right: 0px !important; position: absolute !important; right: 0px; }
.stButton .stArrow { background:none !important;}
.stBubble_hcount { font-size:16px!important;}
.stButton { margin-left:-5px !important;}
.stButton .stButton_gradient { border:none !important;}
.sharethis_wrapper img {position: absolute; top: 33px; left: 25px;}
.sharethis_wrapper br {display: none !important;}

.st_facebook { background:url(../images/icons_social.png) no-repeat; height:16px; width:8px; display:block; float:left;margin-right: 20px; background-position: 0px 0px; cursor: pointer; margin-top: -26px; margin-left: 105px; position:relative; z-index:9; }
.st_facebook:hover { background-position: 0px -22px; }
.st_twitter { background:url(../images/icons_social.png) no-repeat; height:16px; width:19px; display:block; float:left;margin-right: 20px; background-position: -25px 0px; cursor: pointer; margin-top: -26px; margin-left: 125px; position:relative; z-index:9; }
.st_twitter:hover { background-position: -25px -22px; }
.st_linkedin { background:url(../images/icons_social.png) no-repeat; height:15px; width:16px; display:block; float:left;margin-right: 20px; background-position: -56px 0px; cursor: pointer; margin-top: -26px; margin-left: 160px; position:relative; z-index:9; }
.st_linkedin:hover { background-position: -56px -22px; }
.st_googleplus { background:url(../images/icons_social.png) no-repeat; height:16px; width:16px; display:block; float:left;margin-right: 20px; background-position: -86px 0px; cursor: pointer; margin-top: -26px; margin-left: 190px; position:relative; z-index:9; }
.st_googleplus:hover { background-position: -86px -22px; }

/* ///////////////////////////////////////// iPad ///////////////////////////////////// */

/*@media (max-width:768px) {
  
  #logo-nav .wrapper, #footer-region .wrapper{ width:100%; margin:0 auto;}
  .sidebar-second .region-sidebar-second {float: left; width: 100%; }
  .sidebar-second #content { float: left; width: 100%; }
  
}*/
/* ///////////////////////////////////////// iPad ///////////////////////////////////// */

@media (max-width:1199px) {
  #logo-nav .wrapper, #footer-region .wrapper{ width:100%; margin:0 auto;}
  
  
  .sidebar-second .region-sidebar-second {float: left; width: 35%; margin-left: 65%; margin-right: -100%; margin-top: 50px; }
  .sidebar-second #content { float: left; width: 65%; margin-left: 0%; margin-right: -65%; margin-top: 50px; }
  
  .logo-block { float: left; width: 38%; padding-top: 30px; margin-left:1em;}/*----------Arbinda Edit 9/22/2014----------*/
  .block-menu-block {  width: 60%; padding-top: 20px; text-transform: uppercase; font-weight: bold; font-size: 70%; } /*----------Arbinda Edit 9/22/2014----------*/
  #block-block-9 { margin-top: -40px; width: 40%; float: left; }
  #block-menu-block-2 { margin: 20px 0 0 0; padding: 0; text-align: right; width: 55%; }
  .contact__us p>a { margin-left: 0px; }
  
  #block-block-6 {margin-left: 50px;}
  
  .views-exposed-form input { width: 282px !important; margin-right: 20px; max-width: 282px;}
  .views-exposed-form .form-item-field-resource-strategy-tid, .views-exposed-form .form-item-field-commitment-tags-tid {width:280px; border: 1px solid #acacac; overflow:hidden; background: url(../images/selectArrows.png) 95% center no-repeat #ffffff;}
  .views-exposed-form select  { width: 300px; max-width: 390px; border: none; padding-right: 0px !important;}
  
  .section-commitments .view h3, .section-resources .view h3 { font-size: 18px; }
  
  
  /*----------Arbinda Edit 9/22/2014----------*/
  #block-block-1 img { max-width:100%; height: auto !important;}
  .sidebar__callout { height:240px; }
  h2.pull-left{ font-size:20px; float:left; font-weight:bold;}
  #block-block-4 img { max-width:55%; height:auto !important;}
  #block-block-9 .affiliate img { width: 130px; height: auto;}
  #block-block-9 img { max-width:80%;}
  .sidebar__callout .lead { width:100%;}
  .sidebar__callout .arrow { position:relative; left:78%;}
  .margin-right-20 { margin-right:0;}
  .margin-top-10 { margin-top:20px;}
  .btn__orange { width:60%;}
  #block-block-9:first-child .pull-left { margin-right: 20px;}
  #block-block-9 { width: 45% !important; }
  #block-menu-block-2 .menu a { padding: 5px;}
  .section-commitments .view h3, .section-resources .view h3 { line-height:1.1em;}
  .sidebar form #edit-actions>input { font-size: 80%; padding: 7px; }
  #webform-component-reset-form input { padding:0px; font-size:85%;}
  .submit-resource-block #edit-submitted-upload-resource-upload-button { padding:0;}
  .submit-resource-block #edit-submitted-upload-resource-upload { width:65%;}
  #webform-component-do-not-allow-people-to-contact-me-about-my-commitment { font-size:80%;}
  #edit-submitted-apply-resource-to-strategy { font-size:70%; }



  /*search*/
  .views-exposed-form .views-exposed-widget .form-submit { margin:0;}
  .views-exposed-form .views-exposed-widget { float:none;}
  .views-exposed-form input {margin-bottom:20px;}
    .views-exposed-form .views-exposed-widget .form-submit { margin-top:20px;}
  
  
  #vjs_video_4 { -webkit-transform: scale3d(1,1,1);}
  
}

@media (min-width:768px) and (max-width: 1023px) {
.block-menu-block .menu .menu-mlid-436 a { margin: 10px 0 0 13px; }
}