/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable go to your theme settings and
 * look under the "CSS" settings tab.
 */

@media only screen and (max-width: 1280px) {

	.sticky #logo #wl-logo {
		margin-left: -25px;	
	}
}

@media only screen and (max-width: 1271px) {
	#branding {
		width: 50%;
	}
	
	.sticky #logo img {
		width: 60%;
	}
	
	.menu-bar {
		padding-top: 31px;
	}
	
	#block-search-form {
		margin-top: 41px;
	}
	
	.action-text h2, 
	.section-link-content h2 {
		font-size: 1.5em;
	}
	
	#block-system-main .action-image .section-link-content li {
		font-size: 1.25em;
		line-height: 1.25em;
	}
	
	.menu-bar .menu li ul.sf-megamenu {
		margin-top: 50px !important;
	}
	
	.ldsSkin .ddTitle,
	.header-links li,
	#block-locale-language-content li a {
		font-size: 16px;
	}
	
	.header-links li a {
		font-size: 16px;
	}
	
	.header-links li a#question,
	.header-links li a#exit {
		background-position: 10px 7px;
	}
	
	.ldsSkin .ddChild li img, .ldsSkin .ddTitle .ddTitleText img {
		margin: -3px 2px 0 4px;
	}
	
	.section-link-content .inner {
		padding: 3% 5% !important;
	}
	
	.laws h2 a {
		background-position: 0 3px;
	}
	
	.laws .section-link-content h2 {
		background-position: 0 2px;
	}
	
	.learn h2 a {
		background-position: 4px 5px;
	}
	
	.learn .section-link-content h2 {
		background-position: 2px 2px;
	}
	
	.help h2 a {
		background-position: 8px 5px;
	}
	
	.help .section-link-content h2 {
		background-position: 5px 0;
	}
	
	#page-title {
		max-width: 75%;
	}
}

@media only screen and (min-width: 1180px) and (max-width: 1270px) {
	#branding {
		width: 37%;
	}
	
	#branding #nnedv-logo {
		width: 13%;
	}

	#branding #wl-logo {
		width: 84%;
	}
	
	#header {
		padding-bottom: 10px;
	}
	
	#header .sf-menu a {
		font-size: 19px;
	}
}

@media only screen and (min-width: 1080px) and (max-width: 1179px) {
	#branding {
		width: 34%;
	}
	
	#branding #nnedv-logo {
		width: 13%;
	}

	#branding #wl-logo {
		width: 84%;
	}
	
	#header {
		padding-bottom: 10px;
	}
	
	#header .sf-menu a {
		font-size: 18px;
	}
	
	#block-search-form {
    	margin-top: 36px;
	}
	
	.sticky #logo #wl-logo {
		margin-left: -20px;	
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1079px) {
	#branding {
		width: 32%;
	}
	
	#branding #nnedv-logo {
		width: 13%;
	}

	#branding #wl-logo {
		width: 84%;
	}
	
	#header {
		padding-bottom: 10px;
	}
	
	#header .sf-menu a {
		font-size: 17px;
	}
	
	#block-search-form {
    	margin-top: 34px;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1140px) {
	
	.sidebar-first .content-inner {
		margin-left: 28%;
	}
}

@media only screen and (max-width: 1140px) {
	#block-locale-language-content {
		margin-top: 0.5px;
	}
	
	#block-locale-language-content li a img {
		margin-top: -3px;
	}
	
	.block-superfish li ul {
		margin-top: 16px !important;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.sidebar-first .content-inner {
		margin-left: 24%;
	}
}


@media only screen and (max-width: 767px) {
	#header {
		padding: 10px 15px;
	}
	
	#branding {
		width: 65%;
	}
	
	#nnedv-logo, 
	.section-link-content h2, 
	body.node-type-legal-info-section #book-content-wrapper, 
	body.node-type-statute-landing-page #book-content-wrapper {
		display: none;
	}
	
	#logo {
		margin-left: -3px;
		padding: 0;
	}
	
	.sticky #logo img {
		width: 100%;
	}
	
	#logo #wl-logo,
	.sticky #logo #wl-logo {
		margin: 0 0 5px;
	}
	
	h2.tagline {
		font-size: 1.75em;
		margin: 0 auto 180px;
		padding: 0 12px;
	}
	
	#tagline {
		margin-top: -7px;
	}
	
	/*.sticky #block-search-form {
		float: left;
    	margin: -2px 5px 0 0;
    	padding: 5px 8px 6px;
	}*/
	
	.sticky #block-search-form {
		position: absolute;
		bottom: 15px;
		left: 15px;
		margin: 0;
		padding: 0 !important;
	}
	
	#block-search-form .container-inline {
		left: 0;
		margin-top: 15px;
		right: auto;
	}
	
	.lang-es .sticky #block-search-form {
		left: auto;
    	top: 22px;
    	right: 65px;
	}
	
	#block-search-form h2.element-invisible.block-title {
	    background-position: 0 2px;
		background-size: 28%;
		font-size: 14px;
	    height: 20px;
    	padding-left: 20px;
	}
	
	#block-search-form.open h2.element-invisible.block-title {
		background-position: 0 -16px;
	}
	
	.region-header {
		margin-right: 6px;
	}

	#main-content a#print-link {
	    display: none !important;
    }
	
	#page-title, article .field-name-title h2 {
		margin: 0 0 .5em;
	}

	.section-link-content .inner {
		padding: 3% 5% !important;
	}

	.sticky .region-header .region-inner {
		margin: 12px 0 0;
	}
	
	#header-wrapper.sticky #sidr-wrapper-0,
	#header-wrapper #sidr-wrapper-0 {
		opacity: 1;
		position: absolute;
		top: 5px;
		right: 12px;
	}
	
	#header-wrapper.sticky #sidr-wrapper-0 {
		top: 5px;
	}
	
	#page-title {
		max-width: 100%;
	}
	
	.homepage-hotline .block-content {
		padding: 40px 0 70px;
	}
	
	.hotline-closed {
		padding: 20px 15px 0;
	}
	
	#block-locale-language-content li a,
	.header-links li a {
		background-image: none !important;
		font-size: 13px;
		padding: 7px 10px;
	}
	
	.sticky .header-links {
		margin-right: 0;
	}
	
	#block-locale-language-content li a img {
		display: none !important;
	}
	
	.ldsSkin {
		width: 78px !important;
	}
	
	.ldsSkin .ddTitle .ddTitleText {
		padding: 5px 10px;
		text-align: center;
	}
	
	a.hotline-link {
		padding: 15px 40px;
	}
	
	a.hotline-link span:after {
	  border-width: 5px 6px;
    margin: 11px 0 7px 7px;
	}
	
	.panels-flexible-region-1-learn_about_abuse_info, 
	.panels-flexible-region-1-learn_about_abuse_image, 
	.panels-flexible-region-1-find_help_image, 			
	.panels-flexible-region-1-find_help_info, 
	.panels-flexible-region-1-legal_info, 
	.panels-flexible-region-1-legal_image {
		float: none;
		width: 100%;	
	}
	
	.ldsSkin .ddChild li img, .ldsSkin .ddTitle .ddTitleText img {
		display: none;
	}
	
	.action-image .section-link-content {
		font-size: 1.125em;
		opacity: 1;
		position: relative;
	}
	
	.front select {
		width: 90%;
	}
	
	.action-text h2 {
		font-size: 1.35em;
		margin: 0 0 .5em;
	}
	
	.action-text .block-content {
		padding: 5% 5% 0;
	}
	
	.section-link-content ul {
		margin: 0 0 20px;
	}
	
	.legal-info .action-text .block-content {
		background: #c30b66;
		margin-bottom: -1px;
	}
	
	.learn-about-abuse .action-text .block-content {
		background: #618e28;
		margin-bottom: -1px;
	}
	
	.find-help .action-text .block-content {
		background: #e87e05;
		margin-bottom: -1px;
	}
	
	.action-text h2 a {
		color: #fff;
	  filter: brightness(100);
		-webkit-filter: brightness(100);
	}
	
	.action-text select {
		margin-left: 0;
	}
	
	.panels-flexible-row.photo {
	  background-position: -420px 0px;
    background-attachment: scroll;
	}
	
	#video-stats.homepage-overlay {
		margin: 10px 0 110px;
	}
	
	.panel-2col .panel-col-first, 
	.panel-2col .panel-col-last {
		float: none;
		width: 100%;
	}
	
	.pane-tweets, .pane-whats-new, #video {
		margin-left: 15px;
		max-width: 90%;
	}
	
	#statistics {
		margin: 0 7%;
		width: 80%;
	}
	
	.region-tertiary-content {
    margin: 0 auto;
		text-align: center;
    width: 90%;
	}
	
	.region-tertiary-content .region-inner {
		padding: 20px 0;
	}
	
	.region-tertiary-content img {
		height: 40px;
	}
	
	.region-footer li.menu-depth-1 {
		border: none;
		width: 90%;
	}
	
	.copyright {
		margin: 0 15px;
		padding: 15px 0;
		width: 90%;
	}
	
	.homepage-overlay {
		background: rgba(255,255,255,0.85);
	}
	
	#video-stats.homepage-overlay .inner {
		padding: 20px 0 0;
	}
	
	.action-text h2 a {
		padding-left: 25px;
	}
	
	.help h2 a {
    background-position: 3px 4px;
		background-size: 5%;
	}
	
	.learn h2 a {
		background-size: 9%;
	}
	
	.laws h2 a {
		background-size: 7%;
	}
	
	a.book-content-close {
		display: block;
	}
	
	.not-front #content-wrapper {
		margin: 1em;
	}

	.region-sidebar-first {
		margin-top: 25px;
		max-width: 95%;
	}
	
	.region-footer nav.block-menu-block {
		padding: 0;
		width: 95%;
	}
	
	.region-footer nav.block-menu-block.block-3 {
		border: none;
		padding: 0;
		width: 95%;
	}
	
	#block-wl-core-wl-core-navigation {
		border-right: none;
	}
	
	#section-title .inner {
		padding: 10px 15px;
	}
	
	#breadcrumb-wrapper {
		padding: 1px 15px;
	}
	
	#breadcrumb {
		line-height: 120%;
	}
	
	h1 {
		font-size: 1.5em;
	}
	
	.not-front #content .panel-display {
		margin: 0;
	}
	
	#sub-footer-wrapper {
		background-size: contain;
		min-height: 300px;
	}
	
	#sub-footer-wrapper .block-content {
		padding-top: 30px;
	}
	
	a.hotline-link:link, a.hotline-link:visited {
		background: rgba(252,138,6,1);
		font-size: 1.75em;
		padding: 15px 30px;
	}
	
	#book-content-wrapper {
		background: #fff;
		height: 100%;
		left: 0;
		min-height: 100%;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 999;
	}
	
	#book-content-wrapper.content-loading,
	.section-about-abuse #book-content-wrapper.content-loading,
	.section-find-help #book-content-wrapper.content-loading {
		height: 100vh !important;
	}


	#book-content {
		padding: 15px;
	}
	
	a.book-content-close {
		background: #c30b66;
	  	border-radius: 50%;
	  	color: #fff !important;
    	display: block;
		float: right;
		font-size: 20px;
    	margin: 15px;
    	padding: 5px 15px;
   	 	text-decoration: none;
	}
	
	.book-content-close-wrapper {
		margin: 0 auto; 
		width: 200px;
	}
	
	.book-content-close-wrapper a.book-content-close {
		background: #fff;
		border: 3px solid #c30b66;
		border-radius: 0;
		color: #c30b66 !important;
		float: none;
		font-weight: 700;
		padding: 8px 20px;
		text-align: center;
	}
	
	.section-aprenda-sobre-abuso a.book-content-close,
	.section-about-abuse a.book-content-close {
		background: #618e28;
	}
	
	#wl-book-navigation {
		float: none;
		margin: 0;
		width: 95%;
	}
	
	/* Legal Information, Find Help maps */
	.panels-flexible-region-5-center, 
	.panels-flexible-region-5-right, 
	.panels-flexible-region-6-center, 
	.panels-flexible-region-6-right,
	.panels-flexible-region-7-center, 
	.panels-flexible-region-7-right {
		float: none;
		margin-bottom: 20px;
		width: 99%;
	}
	
	.landing td {
		float: left;
		width: 95%;
	}
	
}

@media only screen and (max-width: 680px) {
	#book-content-wrapper {
		top: 148px;
	}
}

@media only screen and (max-width: 580px) {
	#book-content-wrapper {
		top: 137px;
	}
}

@media only screen and (max-width: 480px) {
	#book-content-wrapper {
		top: 124px;
	}
}

@media only screen and (max-width: 414px) {
	#book-content-wrapper {
		top: 115px;
	}
}

@media only screen and (max-width: 375px) {
	#book-content-wrapper {
		top: 109px;
	}
	
	#block-locale-language-content {
		margin-top: 1px;
	}
}

@media only screen and (max-width: 360px) {
	#book-content-wrapper {
		top: 107px;
	}
}

@media only screen and (max-width: 399px) {
	#block-locale-language-content li a,
	.header-links li a {
		font-size: 13px;
		padding: 7px;
	}
	
	.lang-es #block-locale-language-content li a, 
	.lang-es .header-links li a {
		font-size: 12px;
	}
	
	#block-system-main .action-image .section-link-content li {
		font-size: 15px;
		line-height: 130%;
		margin: 0 0 8px;
	}
}

@media only screen and (max-width: 340px) {

	h2.tagline {
		font-size: 1.325em;
	}	
	
	.action-image .section-link-content {
		font-size: 1em;
	}
	
	.action-text select {
		font-size: 1em;
	}
	
	.region-footer ul.menu {
		float: none;
		width: 95%;
	}
	
	body.sidr-close-processed .region-header {
		margin-right: -15px;
		zoom: .9;
	}

	#header-wrapper #sidr-wrapper-0 {
		top: 5px;
		zoom: .9;
	}
	
	#header-wrapper.sticky #sidr-wrapper-0 {
		top: 5px;
	}
	
	#block-locale-language-content {
		position: absolute;
    	right: 187px;
	}
	
	.sticky #block-locale-language-content {
		margin-top: 3px;
	}
	
	.lang-es #block-locale-language-content {
		position: absolute;
    	right: 184px;
	}
	
	#block-locale-language-content li a {
		padding: 7px;
	}
	
}

@media only screen and (max-width: 320px) {
	#book-content-wrapper {
		top: 101px;
	}
	
	.lang-en #block-locale-language-content {
		margin-top: 2px !important;
		right: 187px !important;
	}

}