/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */

/*
 * Smalltouch sizes and up
 */
/* @media only screen and (min-width: 320px) {} */

/*
 * Smalltouch sizes and down
 */
 
 /* Primary input mechanism cannot hover */
 /* used for fancy swap div hover */
@media (hover:none) { 
	
		div[id^="diva"][style]{display:none !important;}
		div[id^="divb"][style]{display:block !important;}
	}
 
@media only screen and (max-width: 480px) {
  /* 
   * Float Region Blocks - custom media query CSS example:
   * 
   * Float regions blocks is an Extension you can enable in the appearance
   * settings for your theme. This feature allows you to automatically float
   * blocks in regions, you can switch it on and off depending on your
   * requirements. For design purposes you many want to remove the floats for
   * devices where the entire theme is just one column - for example small
   * mobile phones. The following CSS is inside the custom media query:
   *
   *   @media only screen and (max-width: 480px){}
   *
   * This will target devices with a maximum width of 480px - most small phones.
   * In these smaller screen sizes we can remove the float and widths so all
   * blocks stack instead of displaying horizonally. The selector used is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
  body { }
  

  /*quicktabs*/
  .node-type-study-abroad-landing-page ul.quicktabs-tabs.quicktabs-style-nostyle {
  	margin-bottom:20px;
  }
  .node-type-study-abroad-landing-page ul.quicktabs-tabs.quicktabs-style-nostyle li {
    width:100%;
  }
  ul.quicktabs-tabs.quicktabs-style-nostyle li {
    width:100%;
    height:35px;
    margin-bottom:1px;
  }
  ul.quicktabs-tabs.quicktabs-style-nostyle li.last {
    margin-bottom:0px;
  }
  ul.quicktabs-tabs.quicktabs-style-nostyle li a,
  ul.quicktabs-style-nostyle li a {
  	display:block;
    padding:1em 0;
    font-size:13px;
  }
  div.quicktabs_main.quicktabs-style-nostyle {
    border: none;
    padding:0 0 0 0;
  }
  .ccv.agenda-display td {
	  font-size:0.824em;
  }
  /* ==================================
 *   Global Elements (max-width: 480px)
 * ==================================== */

  img.desktop {
 	display:none;
  }
  span.desktop {
 	display:none;
  }
  /* allows editor to float image in wysiwyg with an appropriate margin*/
  img[style*="float: right"]  {
	  float:none !important;
    margin:1em auto !important;
  }
  img.img-right  {
	  float:none !important;
    margin:1em auto !important;
  }
    /* allows editor to float image in wysiwyg with an appropriate margin*/
  img[style*="float: left"]  {
	  float:none !important;
    margin:1em auto !important;
  }
  img.img-left  {
	  float:none !important;
    margin:1em auto !important;
  }
  img.mobile {
  	display:block;
  	margin:0 auto;
  }
  span.mobile {
  	display:block;
  	margin:0 auto;
  }
  /*people bios*/
  .photo-biolink {
    float: none;
    width: 100%;
    margin-right:0;
  }
  .field-name-field-people-photo {
    float: none;
   /* margin: 0 auto 1em; */
   margin-bottom:1em;
   max-width: 280px;
   width: 100%;
  }
  .view-estore-bookstore .views-field-field-prod-book-image {
  	float:none;
  	width:100%;
  	margin-right:0;
  }
  /*training-clients*/
  .field-name-field-training-clients-logos .field-items .field-item {
	  width:100%;
	  margin-bottom:1em;
  }
  .field-name-field-training-clients-logos .field-items .field-item img{
	  display:block;
	  margin:0 auto;
  }
  /*content image stretch to browser edge */
  .node-content img.image-content_photo_735_wide {
    margin-left: -5%;
    max-width: 110%;
    position: relative;
  }
  /*campaign for civility*/
  .ripple-wrapper {
  	display:none;
  }
  /*tertiary block #13 NCRC Training Services*/
  .icon-icon-training {
    font-size: 11em;
  }
  
  /* ========== FORMS ==========*/

  .views-exposed-form .views-exposed-widget {
	  width: 100%;
  }
  .form-item.webform-component label {
    display: block;
    padding: 0 0 .5em 0;
  }
  .form-item.webform-component.webform-component-radios .form-type-radio label {
  	display: table-cell;
  	padding: 0 18px 0 24px;
	}

}  /* ========== END (max-width: 480px) ==========*/


@media only screen and (min-width: 481px) {
 
  /* ==================================
 *   Global Elements (min-width: 481px)
 * ==================================== */
  img.mobile {
 	display:none;
  }
  span.mobile {
 	display:none;
  }
}
/*
 * Tablet sizes and up
 */

/* =============================================================================
 *   @media only screen and (max-width: 768px) {} 
 * ========================================================================== */
 
@media only screen and (max-width: 768px) {
	
  /* ========== Header ========== */

  body {
  	font-size:18px;
  	word-spacing:-1px;
  }

  #header-wrapper {
  	height:80px;
  }
  #header { }
  #nav-wrapper {
    background-color: #0098db;
    margin-bottom: 2em;
  }
  #menu-bar {
  	height:8px;
  }
  .region-header {
  	float:none;
  	width:100%;
  }
  #branding {/*desktop logo*/
  	display:none;
  }
  #block-block-6 { /*peacemaker*/
    display: none;
  }
  #block-block-10 {/*social icons*/
  	display:none;
  }
  #block-block-15 {/*in the news*/
  	display:none;
  }
  #block-block-7, 
  #block-block-7 p {/*mobile logo*/
  	display:block;
  	margin-bottom:0;
  }
  #block-block-7 img { 
    margin-top:10px;
  }
  #content-wrapper {
	  margin-bottom:0;
  }

  /* ========== Fonts ========== */
  
  /*h1 headers*/
  h1, 
  h1#page-title,
  h1.block-title,
  .field-name-field-page-title {
    font-size:1.556em; /* 28px */
  	margin: 0 0 1.143em 0;
  	letter-spacing:-1.5px;
  }
  /*h2 headers*/
  h2 {
    font-size:1.333em; /* 24px */
  }
  h3 {
  	font-size:1.222em; /*22px */
  }
  /*h4 headers*/
  h4 {
    font-size:1.222em; /* 22px */
  }	
  h5 {
    font-size:1em; /* 18px */
   }
  h6 {
    font-size:1em; /* 18px */
   }
  p {
    font-size:1em; /* 18px */
   }
  /* ========== Superfish Menu ========== */

  #block-superfish-2 {
	  padding-top:7px;
  }
  

  /* ========== Tables ========== */

  table.responsive tr td {
  	display:block;
  }

  /* ========== Content ========== */

  #content {
  	padding-left:0;
  }
  ul {
    padding: 0 0 0 1.5em;
  }
  .node-page.article li {
    font-size: 0.895em;
    padding: 0.3em 0.5em;
  }
  
  .ccb.sidebar-cta {/*blue sidebar cta*/
  	background-color:#002664;
  /*	border-bottom: 8px solid #1679aa; */
  }
  .ccb.sidebar-cta .node-content {
    margin: 0 auto;
  }

   /*carousel*/
  #carousel-content-wrapper {
  	background-color:#eee;
  	margin-bottom:60px;
  }
  .jcarousel-skin-default .jcarousel-container-horizontal {
      height: 113px;
      padding: 0px 40px;
  }
  #carousel-content-wrapper {
  	margin-bottom:10px;
  }

 /*FLEXSLIDER EMBEDDED SLIDEDECK*/  
  .view-flexislide-embedded .view-content {
	  padding:1.2em 0.5em 0 0.5em;
 	  text-align:center;
  }
  .view-flexislide-embedded .views-field.views-field-body {
    width: 100%;
  }

  .view-flexislide-embedded .view-content .views-field-field-slide-cta {
	  float:none;
  }
  .view-flexislide-embedded .view-content .views-field-field-slide-photos {
    display: inline-block;
    float:none;
    margin: auto;
    overflow: hidden;
  }
  .view-flexislide-embedded  .view-content .views-field-field-slide-photos img {
  	width:110px !important;
  	height:110px !important;
  }
  /*open a case*/
  .webform-component-fieldset {
    float:none;
    width:100%;
  }
  .field-name-field-training-clients-industry {
      font-size: 1.333em;
  }
  .supporter-logos .views-row {
  	float:none;
  	width:100%;
  	margin-right:0;
  	text-align:center;
  }
/* ========== Tertiary ==========*/

  #tertiary-content-wrapper {
  	margin-top:0px;
  }
  #block-block-11 .block-inner .block-content {/*find a mediator*/
      padding-left: 0;
  }
  #block-block-13 img {/*cta : ncrc training services*/
  	display:block;
  	margin:0 auto;
  }
  
  /* ========== Footer ============ */
  
  #footer-wrapper {
  	height:auto;
  	text-align:center;
  }
  #footer {
    padding-top: 0.5em;
}
  /*footer logo*/ 
  
  #block-block-1 {
    display: block;
    float: none;
    height: 90px;
    margin: 0 auto;
    width: 100%;
  }
  #block-block-1 .block-inner {
    margin:0 auto;
    padding-top:1em;
  }
   #block-block-1 .block-inner img {
    width:167px;
  }
  /*Peacemaker Logo*/
  #footer .ccb-peacemaker-logo {
	display:block;
	background-color:#fff;
	} 
  #footer	.ccb-peacemaker-logo .block-inner .block-content {
	background-color:#fff;
	padding:1em 0;
	}
  /*footer menu*/
  
  #block-menu-block-4 {
  	clear:left;
  	float:none;
  	width:100%;
  }
  #block-menu-block-4 .block-inner {
  	margin: 0 0 ;
  }
  #block-menu-block-4 ul {
  	padding-left:0;
  	float:none;
    margin-bottom: 2em; 
  }
  #block-menu-block-4 ul li {
  	display:block;
  	text-align:center;
  }
  #block-menu-block-4 ul li a {
  	display:block;
    padding:1em 0;
    margin:0 0 0 0;
    font-size: 1.3rem;
    font-weight: 300;
    border-right:none;
    border-bottom:1px solid #0097db;
  }
  #block-menu-block-4 ul li.first a {
	  border-top:1px solid #0097db;
	}
	
  #block-block-2 {/*copyright*/
  	float:none;
    font-weight:300;
    line-height:1.5em;
  }
  #block-block-2 a{
  	display:inline-block;
  }
}  /* ========== END (max-width: 768px) ============ */

/* =============================================================================
 *   @media only screen and (max-width: 800px) {} 
 * ========================================================================== */
 
 @media only screen and (max-width: 800px) {
 
  #home-page-slide-fullwidth.flexslider .slides .slide-background img {
    height: 60vh !important;
    object-fit: cover;
    object-position:50% 5%;
 }

  #home-page-slide-fullwidth .slide-supporting-image-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 60vh;
    position: absolute;
    top: 0;
    width: 100%;
  }
  #home-page-slide-fullwidth .slide-supporting-image-container img {
    width:auto;
    max-width:70vw;
    max-height:50vh;
    }
  #home-page-slide-fullwidth  .flex-direction-nav a {display:none;}
 
}/*end max-width 800px */

/* =============================================================================
 *   @media only screen and (min-width: 800px) {} 
 * ========================================================================== */
  @media only screen and (min-width: 800px) {
 
 /* ====================
 *    Home Page Slide Deck
 * ==================== */
 
  #home-page-slide-fullwidth.flexslider .slides .slide-background img {
    height: 60vh !important;
    max-height: 78vh;
    min-height:500px;
    object-fit: cover;
    object-position:80% 20%;
    
  }
  #home-page-slide-fullwidth  .flex-caption-wrapper {
	  position: absolute;
    top: 50%;
    left: 50%;
    width: 95%;
    height: 100% !important;
    -webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); 
 }
  #home-page-slide-fullwidth .flex-caption {
 	  height:inherit;
  }
  #home-page-slide-fullwidth .slide-caption-image-container {
	 display:table;
	 height:inherit;
	 table-layout:fixed;
	 width:100%;
	}
  #home-page-slide-fullwidth  .slide-caption-container {
    width: 35%;
    display:table-cell;
    vertical-align:middle;
  } 
 
  #home-page-slide-fullwidth  .slide-supporting-image-container {
    width: 65%;
    display:table-cell;
    vertical-align:middle;
  } 
  #home-page-slide-fullwidth .slide-supporting-image-container img {
    width: auto;
    max-height: 400px !important;
    max-width: 700px !important;
    margin: auto;

  }

div#fullwidth_first-wrapper #block-nodeblock-580 {/*mission statement*/
    padding:150px 0;
  }
  /** Fancy big blocks **/
  .swap-div.wrapper {
    display: flex;
  }
  div.big-link-block.container {
    min-height: 420px;
    margin-right:1%;
  }
  div.big-link-block.container div.inner {
	  min-height:420px;
	}
 
}/*end min-width 800px */

/* =============================================================================
 *   @media only screen and (min-width: 550px) {} 
 * ========================================================================== */
 
@media only screen and (min-width: 550px) {

  #home-page-slide.flexslider {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
  }
  #home-page-slide .flex-caption {
    background: rgb(0, 0, 0); /* Fallback */
    background: rgba(0, 0, 0, 0.5); 
/*	  position:absolute; */
	  bottom:0;
	  left:0;
	  right:0;
  }
  #home-page-slide .flex-control-nav {
	  display:block;
	  text-align:center;
	  bottom:-50px;
  }
}
/* =============================================================================
 *   @media only screen and (min-width: 650px) {} 
 * ========================================================================== */
 
@media only screen and (min-width: 650px) {}


/* =============================================================================
 *   @media only screen and (min-width: 769px) {} 
 * ========================================================================== */

@media only screen and (min-width: 769px) {

/* ======================
 *   Global Elements
 * ===================== */
 
  img.mobile {
 	  display:none;
  }
  #main-content {
    padding-left:3%;
  }
  .node-sidebar-ctas .node-content a.button {
    font-size: 16px;
  }
  /*sidebar ctas*/
  .region-sidebar-first .node-sidebar-ctas .node-content  {
	  font-size:65%;
  }
  .region-sidebar-first .node-sidebar-ctas .node-content a.button  {
	  font-size:100%;
  }
  /*campaign for civility*/
  #block-nodeblock-211,
  #block-nodeblock-212 {
  	font-size:65%;
  }


	/* ====================
 *    Find a Mediator
 * ==================== */

 /*tertiary cta*/
  #block-views-exp-find-a-mediator-page {
    width:27.5%;
	  margin-top:-10px;
	  float:left;
  }
  .views-exposed-form .views-exposed-widget {
  	width:100%;
  }
  #block-block-11 {
  	overflow:hidden;
    width:72.5%;
	  float:right;
  }
	#block-block-11 .block-inner .block-content h3{
		margin-top:0;
	}
  /*contact us page*/
  .address-map {
    float: left;
    width: 40%;
  }
  table.responsive.contact-us {
 	  font-size:80%;
  }
	/*bottom CTA - NCRC training services*/
  #block-block-13 {/*bottom cta ncrc training services*/
	  font-size:90%;
  }
  #block-block-13 .block-inner {
	  margin:0 0 0 0;
  }
  .icon-icon-training {
    font-size: 17em;
    float:left;
    margin:0 0.15em 0.5em 0.1em;
  }
  /*Footer*/
  #block-block-2 { /*copyright*/
	  float:right;
	  font-size:0.7em;
  } 
  /*Peacemaker Logo*/
  #footer .ccb-peacemaker-logo {
	display:none;
	}
}/*end media query min width 769px */



/* when adding a new link, adjustments need to be made in to the flowtext code in the html.tpl file 
the breakpoints below are for the specific set of navigation links and will need to be adjusted*/

@media only screen and (min-width: 900px) {

  .icon-icon-training {
    font-size: 17em;
    margin-bottom:0;
  }
/*sidebar ctas*/
   .region-sidebar-first .node-sidebar-ctas .node-content  {
	  font-size:85%;
  }
  .region-sidebar-first .node-sidebar-ctas .node-content a.button {
	  font-size:100%;
  }
/*campaign for civility*/
  #block-nodeblock-211,
  #block-nodeblock-212 {
  	font-size:75%;
  }
  .home-page-16 #block-quicktabs-home-page-dmg-tabs,
  .home-page-16 #block-quicktabs-home-page-wcrg-tabs  {
	  width:50%; 
	  float:left;
  }
  .home-page-16 #quicktabs-home_page_dmg_tabs {
	  margin-right:2%;
  }
  .home-page-16 #quicktabs-home_page_wcrg_tabs {
	  margin-left:2%;
  }
  
  #quicktabs-container-home_page_dmg_tabs, 
  #quicktabs-container-home_page_wcrg_tabs {
    min-height: 260px;
  }
}/*end media query min width 900px */


@media only screen and (min-width: 1025px) {
/*Footer*/
  #block-block-2 { /*copyright*/
	  font-size:0.55em;
  }

/*sidebar ctas*/
  .region-sidebar-first .node-sidebar-ctas .node-content  {
	  font-size:100%;
  }
  .region-sidebar-first .node-sidebar-ctas .node-content a.button {
	  font-size:16px;
  }

  #block-nodeblock-211,
  #block-nodeblock-212 { /*campaign for civility circles*/
  	font-size:18px;
  }
/*wcrg slide*/
  .view-flexislide-wcrg .views-field-field-wcrgslide-photos img {
    width:150px; 
  }
}/*end media query min width 1025px */

@media only screen and (min-width: 1150px) {
  ul#superfish-2 li a {
  /*font-size:20px; */
  font-size:17px!important; 
  }
  #main-content {
    /*padding-left:3.421em;*/
    padding-left:8%;
  }
  a.donate_button.thanks {
	margin-top:-40px;
  }  
  .ptp .section {
	  padding-bottom:3em;
	  padding-top:3em;
  }
  .ptp .section.hero-content .col-left.bg-gold {
    float:left;
    display: inline-block;
    max-width: 280px;
    margin-left:5%;
    padding: 26px 0;
  }
  .ptp .section.hero-content .col-right {
    float: left;
    font-size: 2em;
    max-width: 925px;
    text-align:left;
    line-height:1.25em;
    font-weight:700;
  }
  .ptp .thank-you.text-style-2 {
    padding: 4em;
  }
  .ptp .section.lives_transformed.bg-gold {
	  padding:3em;
  }
  .ptp .section.lives_transformed.bg-gold .col_left{
   	float:left;
  } 
  .ptp .section.lives_transformed.bg-gold .col_right{
	  overflow: hidden;
    width: 600px;
    padding-left: 5em;
  }
  .person_responsible .col_left,
  .community_affected .col_left {
	   float:left;
  }
  .person_responsible .col_right.green_white_card,
  .community_affected .col_right.green_white_card {
    float: right;
    width: 620px;
    padding: 5em 2em 2em 2em;
    margin-top: -700px;
}
  .section.person_harmed .col_left {
    float: right;
    padding-bottom: 3em;
  }
  .section.person_harmed .col_right {
  	padding:4em 2em 2em 2em;
  	width:620px;
  	position:absolute;
  	top:100px;
  }
/*contact us*/
  table.responsive.contact-us {
    font-size:100%;
  }
  #block-views-flexislide-home-page-block {
    float: left;
    margin-bottom: 3em;
    max-width: 690px;
    width: 60%;
  }
  .home-page-16 h1 {
  	text-align:left;
  	font-size:1.6em;
  	line-height:1.5;
  }
  .home-page-16 #block-nodeblock-580 {/*mission statement*/
  /*	border-bottom:none;
    float: left;
    margin-bottom: 0;
    margin-left: 3%;
    width: 37%;
    */
  }
}/*end media query min width 1150px */


@media only screen and (min-width: 1270px) {
	  #node-42 {
    overflow:visible; /*campaign for civility circles*/
  }
} 
@media only screen and (min-width: 1300px) { }