/*
Theme Name: Inti
Theme URI: http://demos.waqastudios.com/inti/
Description: A Custom Responsive Wordpress Theme by Waqa Studios. Supports metaboxes, custom types, shortcodes among other things.
Version: 4.5
Author: Waqa Studios
Author URI: http://www.waqastudios.com/

*/

/**
style.css
Used for the structural elements of the theme and its multiple breakpoints. Colors and fonts can be found in css/base.css as these
are normally consistant throughout breakpoints (i.e. they apply to mobile, tablet and desktop)

 * Aleady called before this stylesheet:
 * normalize.css
 * bootstrap.css (optional)
 * font-awesome.css
 * toastr.css
 * material.css
 * ripples.css
 * animate.css
 * magnific-popup.css
 * select2.css
 * fonts.css
 

*/


/* ------------------------------------------------------------ */
/*	1.0 - Mobile First - All Mobile and Common Styles go here
/* ------------------------------------------------------------ */
/* Starting from mobile, these are the structural styles for mobile but are also inherited by all following media-queries and remain in use unless overwritten */


.alignright { float: none; vertical-align:bottom; }
.alignleft { float: none; vertical-align:bottom; }
.wp-caption { font-size: 0.8em; font-style: italic; margin-top: 0; }


/* ------------------------------------------------------------ */
/*	2.0 - Media Queries - Start changing layouts base on size
/* ------------------------------------------------------------ */

@media only screen and (min-width: 30em) { /* 480px - (Example) */

	.tester{
		background:orange;
	}

	/* ---------------------------------------- */
	/*	8.0 - WordPress Stuff
	/* ---------------------------------------- */
	.alignright { float:right; margin-left:1em; margin-bottom: 0.5em; }
	.alignleft { float:left; margin-right:1em; margin-bottom: 0.5em; }
	.aligncenter { display: block; margin: 0 auto 0.5em auto; }
	.wp-caption { }
}

@media only screen and (min-width: 37.5em) { /* 600px - (Example) */
	
	.tester{
		background:yellow;
	}
}



@media only screen and (min-width: 48em) { /* 768px - (Example) */

	.tester{
		background:green;
	}
}

@media only screen and (min-width: 64em) { /* 1024px */

	.tester{
		background:cyan;
	}
}

@media only screen and (min-width: 75em) { /* 1200px */

	.tester{
		background:blue;
	}
}

@media only screen and (min-width: 87.5em) { /* 1400px */

	.tester{
		background:white;
	}
}





/* ---------------------------------------- */
/*	Plugins
/* ---------------------------------------- */
/* Back to Top */

#toTop { 
	display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; width: 40px; height: 40px; 
	border: none; text-indent: -999px; background:url('images/ui.totop-default.png') no-repeat left top; 
}
#toTopHover { 
	background: url('images/ui.totop-default.png') no-repeat left -40px; width:40px; height:40px; display:block; overflow:hidden; float:left; 
	opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); 
}
#toTop:active, #toTop:focus { outline:none; }



/* ---------------------------------------- */
/*	Helper Classes
/* ---------------------------------------- */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after, .clear:before, .clear:after { content: ""; display: table; }
.clearfix:after, .clear:after { clear: both; }
.clearfix, .clear { *zoom: 1; }
.pointer {cursor: pointer;}
*,
*:after,
*:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    box-sizing: border-box;
}


/* ---------------------------------------- */
/*	Magnific-Popup
/* ---------------------------------------- */
.mfp-close {
	background: #000; text-align: center; padding: 0; opacity: 1;
}

/* ---------------------------------------- */
/*	Fix scrollbar to page always to stop jumping
/* ---------------------------------------- */
html {
	overflow-y:scroll;
}

/* Admin bar becomes unfixed by default on small screens, this keeps it fixed in place (we use it to position the mobile menu) */
div#wpadminbar {
	position: fixed;
}




@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}