/*---- General Design ----*/
body { 
	padding-top: 50px;
	color:#ff6666;
	background-color:#fffff6;
	/* overflow-x: hidden; */
	font-family:Josefin Slab;
	font-size:18px;
}

a:link, a:active, a:visited {
	text-decoration:none;	
	color:#E0E0E0;
}

a:hover {
	text-decoration: none;
	color: white;
}

.badge{
	background-color:#b76269;
}

/* ************ Images background ************ */

.box-shad {
  box-shadow:
    0 0 80px -10px #000 inset;
}

.bg{		/*  For responsive images as background */
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover; /* you change this to "contain" if you don't want the images to be cropped */
    color:#fff;
}

/* ************ Images grid ************ */

.squared_grid {
    float:left;
    background-color: #1E1E1E;
	overflow:hidden;
	border-radius:50%;
}

.grid2x2 {
    width: 47%;
    padding-bottom: 47%; /* = width for a 1:1 aspect ratio */
    margin:1.5%;
}

.grid3x3 {
    width: 30%;
    padding-bottom: 30%; /* = width for a 1:1 aspect ratio */
    margin:1.666667%;
}

.grid4x4 {
    width: 23%;
    padding-bottom: 23%; /* = width for a 1:1 aspect ratio */
    margin:1%;
}

.grid5x5 {
    width: 18%;
    padding-bottom: 18%; /* = width for a 1:1 aspect ratio */
    margin:1%;
}

.grid6x6 {
    width: 15%;
    padding-bottom: 15%; /* = width for a 1:1 aspect ratio */
    margin:0.8333333333333333%;
}


.content_grid {
    position:absolute;
    height:80%; /* = 100% - 2*10% padding */
    width:90%; /* = 100% - 2*5% padding */
    padding: 10% 5%;
}
.table_grid{
    display:table;
    height:100%;
    width:100%;
}
.table-cell_grid{
    display:table-cell;
    vertical-align:middle;
    height:100%;
    width:100%;
}

/* ******** Slideshow ********* */

.slideshow_trigger{
	cursor:pointer;
}

/* ************* Seção "Sobre" ************* */

.sobre_mim{
	padding-left:50px;
	padding-right:50px;
}

.divisor1{
	display: block;
	width: 50px;
	height: 3px;
	background-color: #ff9999;
	margin-top: 20px;
	margin-bottom: 20px;
}

.divisor2{
	display: block;
	width: 50px;
	height: 2px;
	background-color: #ff9999;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* ******** CV Button ********* */
.cv_download{
	margin-bottom: 20px;
		transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.cv_download:link, .cv_download:visited, .cv_download:active{
	color: #ff9999;
	border:1px solid #ff9999;
}

.cv_download:hover{
	background-color: #bb7777;
	color:white;
	border:1px solid #660033;
}

/* ******** Brand ********* */

.gi_brand{
	font-family:scriptina;
	font-size:28px;
	font-weight: normal;
}

.gi_brand:link, .gi_brand:active, .gi_brand:visited{
	color:#800000;
}

.gi_brand:hover{
	color:#bb7777 !important;
}




/* ************* Divided HR ************* */

.strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap; 
	font-size:24px;
	font-weight:bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

.strike > span {
    position: relative;
    display: inline-block;
}

.strike > span:before,
.strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 2px;
    background: #ff9999;
}

.strike > span:before {
    right: 100%;
    margin-right: 15px;
}

.strike > span:after {
    left: 100%;
    margin-left: 15px;
}

/* ************* Contato ************* */
.contato_div {	
	background-color:#7a383e;
	color:white;
	margin-top:50px;
}

.contato_div > .strike > span:before,
.contato_div > .strike > span:after {
    background: white;
}

.redes_sociais {padding-bottom:20px;}



/* ******** Itens (sub-seções) do Portolfio ********* */
.itens_portfolio{
	margin-top:30px;
	border-bottom: 1px solid #ff9999;
	display:table;
	width:100%;
}

.itens_portfolio > img{
	height:50px;
	width:auto;
	display:table-cell;
}

.itens_portfolio > div{
	font-size:24px;
	display:table-cell;
	vertical-align: bottom;
	width:100%;
}

/* ******** Hover Effects - Exemplo 2 ********* */
		
		.view2 {
		   /* width: 100%;
		   height: 100%; */
		   /* margin: 10px; */
		   /* float: left; */
		   /* border: 5px solid #fff; */
		   overflow: hidden;
		   position: relative;
		   display: inline-block;
		   text-align: center;
		   /* box-shadow: 0px 0px 5px #aaa; */
		   cursor: pointer;
		}

		.mask_title{
		   width: 100%;
		   height: 42px;
		   position: absolute;
		   overflow: hidden;
		   top: 0;
		   left: 0;
		   color: white;
		   font-size: 30px;
		   font-family: satisfyRegular;
		   background: rgba(0,0,0,0.7);
		   /* border-radius:50%; */
		}
		
		.view2 .mask2, .view2 .content {
		   width: 100%;
		   height: 100%;
		   position: absolute;
		   overflow: hidden;
		   top: 0;
		   left: 0;
		}

		.view2 img {
		   display: block;
		   position: relative;
		}

		.view2 a.info2 {
		   display: inline-block;
		   text-decoration: none;
		   padding-top:10px;
		   text-indent:-9999px;
		   width:100%;
		   height:100%;
		   /* padding-top:240px; */
		   text-shadow: 0px 0px 5px #aaa;
		}
		
		.view2 a.embreve {
			top: 50%;
			left: 50%;
			margin-right: -50%;
			transform: translate(-50%, -50%);
			position: absolute;
			font-family: satisfyRegular;
			font-size:24px;
			text-decoration: none;
			color: white;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
		}
		
		.background2_lupa{
			background:url("../images/Site/link4.png") center no-repeat;
		}
			
		.second-effect .mask2 {
		   opacity: 0;
		   overflow:visible;
		   /* border:0px solid rgba(0,0,0,0.7);
		   box-sizing:border-box; */
		   background: rgba(0,0,0,0.7);
		   transition: all 0.3s ease-in-out;
		   -webkit-transition: all 0.3s ease-in-out;
		   -moz-transition: all 0.3s ease-in-out;
		   -ms-transition: all 0.3s ease-in-out;
		   -o-transition: all 0.3s ease-in-out;
		}

		.second-effect a.info2 {
		   position:relative;
		   top:0;
		   opacity:0;
		   transform:scale(0,0);
		   -webkit-transform:scale(0,0);
		   -moz-transform:scale(0,0);
		   -ms-transform:scale(0,0);
		   -o-transform:scale(0,0);
		   transition: transform 0.1s 0.1s ease-in, opacity 0.1s ease-in-out;
		   -webkit-transition: -webkit-transform 0.1s 0.1s ease-in, opacity 0.1s ease-in-out;
		   -moz-transition: -moz-transform 0.1s 0.1s ease-in, opacity 0.1s ease-in-out;
		   -ms-transition: -ms-transform 0.1s 0.1s ease-in, opacity 0.1s ease-in-out;
		   -o-transition: -o-transform 0.1s 0.1s ease-in, opacity 0.1s ease-in-out;
		}

		.second-effect:hover .mask2 {
		   opacity: 1;
		   /* border:125px solid rgba(0,0,0,0.7); */
		}

		.second-effect:hover a.info2 {
		   opacity:1;
		   transform:scale(0.6);
		    -webkit-transform: scale(0.75);
			-moz-transform: scale(0.75);
			-ms-transform: scale(0.75);
			-o-transform: scale(0.75);
		   transition-delay:0.001s;
		   -webkit-transition-delay:0.001s;
			-moz-transition-delay:0.001s;
			-ms-transition-delay:0.001s;
			-o-transition-delay:0.001s;
		}
		
/* ************* Scrollbar customization ************* */ 
::-webkit-scrollbar {
    width: 6px;
	cursor:pointer;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3); 
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
 
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: rgba(150,150,150,0.6); 
    -webkit-box-shadow: inset 0 0 6px rgba(255,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(150,150,150,0.8); 
}

/* ************ Navbar ************ */

.navbar-brand{	/* override Bootstrap padding value */
	
}

.navbar-default{
	/* background-color:rgb(250, 250, 250); */
	background-color:#f7eeee;
	
	/* -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75); */
	/* -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75); */
	/* box-shadow: 0px 0px 10px 0px rgba(150,150,150,0.75); */
	/* border-bottom: 1px solid #af5057; */
	color: #8c4045;
	border-color: #b76269;   /* dfb9bc */
}

.navbar-default .navbar-nav > li > a {
  color: #8c4045;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #231011;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: #b76269 !important;
  color:white;
}

.navbar-default .navbar-toggle {
  border-color: #d7a8ac;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dfb9bc;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #7a383e;
}



/* ******** Fonts ********* https://www.onlinewebfonts.com */

@font-face {font-family: "Scriptina";
    src: url("//db.onlinewebfonts.com/t/ef99bd98798f63075208ad127c843b8c.eot");
    src: url("//db.onlinewebfonts.com/t/ef99bd98798f63075208ad127c843b8c.eot?#iefix") format("embedded-opentype"),
    url("//db.onlinewebfonts.com/t/ef99bd98798f63075208ad127c843b8c.woff2") format("woff2"),
    url("//db.onlinewebfonts.com/t/ef99bd98798f63075208ad127c843b8c.woff") format("woff"),
    url("//db.onlinewebfonts.com/t/ef99bd98798f63075208ad127c843b8c.ttf") format("truetype"),
    url("//db.onlinewebfonts.com/t/ef99bd98798f63075208ad127c843b8c.svg#Scriptina") format("svg");
}

@font-face {
    font-family: 'Scriptina';
    src: url('../fonts/scriptina.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {font-family: "EngraversGothicBT";
    src: url("//db.onlinewebfonts.com/t/6cba3aadeaf6f004c3086033c72b3fba.eot");
    src: url("//db.onlinewebfonts.com/t/6cba3aadeaf6f004c3086033c72b3fba.eot?#iefix") format("embedded-opentype"),
    url("//db.onlinewebfonts.com/t/6cba3aadeaf6f004c3086033c72b3fba.woff2") format("woff2"),
    url("//db.onlinewebfonts.com/t/6cba3aadeaf6f004c3086033c72b3fba.woff") format("woff"),
    url("//db.onlinewebfonts.com/t/6cba3aadeaf6f004c3086033c72b3fba.ttf") format("truetype"),
    url("//db.onlinewebfonts.com/t/6cba3aadeaf6f004c3086033c72b3fba.svg#EngraversGothic BT") format("svg");
} */

@font-face {font-family: "Josefin Slab";
    src: url("//db.onlinewebfonts.com/t/5260054402a235e4a92dae40a93ddd74.eot");
    src: url("//db.onlinewebfonts.com/t/5260054402a235e4a92dae40a93ddd74.eot?#iefix") format("embedded-opentype"),
    url("//db.onlinewebfonts.com/t/5260054402a235e4a92dae40a93ddd74.woff2") format("woff2"),
    url("//db.onlinewebfonts.com/t/5260054402a235e4a92dae40a93ddd74.woff") format("woff"),
    url("//db.onlinewebfonts.com/t/5260054402a235e4a92dae40a93ddd74.ttf") format("truetype"),
    url("//db.onlinewebfonts.com/t/5260054402a235e4a92dae40a93ddd74.svg#Josefin Slab") format("svg");
}

@font-face {
    font-family: 'satisfyRegular';
    src: url('../fonts/satisfyRegular.eot');
    src: url('../fonts/satisfyRegular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/satisfyRegular.woff') format('woff'),
         url('../fonts/satisfyRegular.ttf') format('truetype'),
         url('../fonts/satisfyRegular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mommyKitchen';
    src: url('../fonts/mommyKitchen.otf');
    font-weight: normal;
    font-style: normal;
}

/* @font-face { */
    /* font-family: 'fontAwesome'; */
    /* src: url('../fonts/fontawesome-webfont.eot'); */
    /* src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), */
         /* url('../fonts/fontawesome-webfont.woff') format('woff'), */
         /* url('../fonts/fontawesome-webfont.ttf') format('truetype'), */
         /* url('../fonts/fontawesome-webfont.svg') format('svg'); */
    /* font-weight: normal; */
    /* font-style: normal; */
/* } */