@charset "utf-8";

/* CSS Document */

@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);

.axess-card .card-body{ background:#8d3737 !important; /*padding:50px 50px;*/ border-radius:5px;}

.axess-card .card-body h5{ color:#fff !important; text-align:center;}

.axess-card .card-body h5 a{ color:#fff !important;}

.col-buy{

    text-align: right;

}

.quantity{ display:inline-block;}





/* Card */



$facebook:		   #43609c;

$twitter:        #6dabda;

$linkedin:       #2b77b1;

$google-plus:    #c95644;

$github:         #4078c0;

$stack-overflow: #c98b3b;

$white:          #FFFFFF;

$light-gray:	   #AFAFAF;

$gray:           #565656;



body {

  background-color: #D1A163;

  background-image: url("http://www.transparenttextures.com/patterns/wood-pattern.png");

  font-family: 'Roboto Condensed', sans-serif;    

  font-weight: 300;    

  font-size: 16px;

  width: 100%;

}



ol, ul {

    margin-top: 0;

    margin-bottom: 5px;

}



a, a:active { 

  color: $light-gray; 

  text-decoration: none;

}



a:hover { 

  color: $gray !important; 

  text-decoration: none;

}







.content-panel {

  background-color: $white;

  background-image: url("http://www.transparenttextures.com/patterns/paper.png");

  height: 200px;

  width: 400px;

  padding-top: 20px;

  padding-bottom: 10px;

  padding-left: 30px;

  padding-right: 30px;

  margin: 0 auto;

  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);    

  border-radius: 1px;

}



 .index {	

	height: 100%;

	max-height: 100%;

	width: 100%;

	padding: 0px;

	margin-top: 60px;	

	}



	.header {

		margin-top: 10px;

		margin-left: 0%;

		margin-bottom: 0px;

		font-size: 32px;

		width: 100%;		

	}



	.resume-heading {

		text-decoration: underline;

		color: #AFAFAF;

	}	



	.author-header {

		color: #AFAFAF;

		margin-top: 0px;

		padding-top: 10px;

		font-size: 50px;

    text-align: center;

    mix-blend-mode: multiply;

	}

	

	.main-text {    

		text-align: center;

		margin-top: 15px;	

    mix-blend-mode: multiply;

	}	



a, a:active {

  color: $light-gray;

}



a:hover {

  color: $light-gray;

  text-decoration: none;

}

	



.menu-items {

		margin-top: 15px;

		text-align: center;

		font-size: 1.5em;	  

	}



i {

		padding-left: 5px;

		padding-right: 5px;

		font-size: .7em;

}



.fa {

    color: $light-gray;

		-webkit-transition: 0.3s;

		-moz-transition: 0.3s;

		transition: 0.3s;

    mix-blend-mode: multiply;

    cursor: pointer;

	}



  .fa-envelope:hover {

		color: $gray;

	}

	.fa-facebook:hover {

		color: $facebook;

	}



	.fa-twitter:hover {

		color: $twitter;

	}



	.fa-linkedin:hover {

		color: $linkedin;

	}



	.fa-google-plus:hover {

		color: $google-plus;

	}



	.fa-github-alt:hover {

		color: $github;

	}



	.fa-codepen:hover {

		color: $white;

	}



	.fa-stack-overflow:hover {

		color: $stack-overflow;

	}

  



.flip-link {

  text-align: center;

  text-decoration: none;

  

}



.bookmark{ display:none !important;}



.qty{ width:75px !important;}

.axessheight{ height:40px;}



.brd::-webkit-input-placeholder {

    color: #8d3737;

}

.brd:-moz-placeholder {

    color: #8d3737;

    opacity: 1;

}

.brd::-moz-placeholder {

    color: #8d3737;

    opacity: 1;

}

.brd:-ms-input-placeholder {

    color: #8d3737;

}

@media screen and (min-width:1920px) and (max-width:2100px) {

	.qtyhead{ padding-right:174px !important; text-align:right !important;}

	.axessheight{ height:20px !important;}

}

@media (min-width: 1200px) {
	.modal-xl {
	  max-width: 1240px;
	}
  }