/* -----------------------------------------------------------------------------

I'm Mat - Material Personal Resume vCard Template

File:			Base SCSS File
Version:        1.1
Last change:    20/05/16
Author:			Suelo

Table of Contents:

	1. Document Setup
	2. Basic
	3. Header
	4. Content
	5. Elements 5. Widgets
	6. Animations

-------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* --- 1. SETUP
/* ----------------------------------------------------------------------------- */
body { position: relative; color: #434343; font-size: 15px; font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.5; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }





/* ---------------------------------------------------------------------------- */
/* --- 3. CONTENT
/* ----------------------------------------------------------------------------- */



section .section-content, .section .section-content { padding: 60px; }
section .section-content > h3, .section .section-content > h3 { margin-bottom: 40px; }
@media only screen and (max-width: 767px) { section .section-content > h3, .section .section-content > h3 { margin-bottom: 25px; } }
@media only screen and (max-width: 360px) { section .section-content > h3, .section .section-content > h3 { margin-bottom: 20px; } }
section .section-content > h3.pull-left + .filter.pull-right, .section .section-content > h3.pull-left + .filter.pull-right { margin-top: -18px; }
@media only screen and (max-width: 767px) { section .section-content, .section .section-content { padding: 35px 25px; }
  section .section-content > h3.pull-left, .section .section-content > h3.pull-left { float: none !important; }
  section .section-content > h3.pull-left + .filter.pull-right, .section .section-content > h3.pull-left + .filter.pull-right { margin-top: 10px; text-align: center; float: none !important; } }
@media only screen and (max-width: 360px) { section .section-content, .section .section-content { padding: 30px 15px; } }











/* Backgrounds
----------------------------------------------------------*/
.bg-body { position: fixed !important; }

/* Image / Slideshow */
.bg-image, .bg-slideshow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: 0; }

.bg-image > img { display: none; }

.bg-image + * { position: relative; }





/* Map */
.bg-map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bg-map.light-overlay:after, .bg-map.dark-overlay:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ' '; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.bg-map.light-overlay:after { background: rgba(255, 255, 255, 0.5); }
.bg-map.dark-overlay:after { background: rgba(0, 0, 0, 0.5); }
.bg-map:hover:after { visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.bg-map + * { position: relative; }

/* Colors */
.bg-white { background-color: #fff; }











/* Progress Bars
----------------------------------------------------------*/
.progress { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; height: 34px; background-color: #ededed; margin-bottom: 18px; }
.progress .progress-bar { line-height: 34px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; text-align: right; padding-right: 15px; background-color: #3ba3e2; font-family: "Montserrat", Helvetica, Arial, sans-serif; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.progress .progress-bar.progress-bar-primary { background-color: #3ba3e2; }
.progress .progress-bar.progress-bar-secondary { background-color: #328bc2; }
.progress .progress-bar.progress-bar-info { background-color: #56aee5; }
.progress .progress-bar.progress-bar-warning { background-color: #f06a28; }
.progress .progress-bar.progress-bar-danger { background-color: #e15757; }
.progress .progress-bar.progress-bar-success { background-color: #83bd3f; }
.progress .progress-bar.progress-bar-dark { background-color: #1e1e1e; }