/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

body, html{
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	font-size-adjust: 0.58;
	 text-rendering: optimizeLegibility;
}

.heading > h1, .heading > h2, .heading > h3, .heading > h4, .heading > h5, .heading > h6, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.widget .widget-title, .widget > h4{

    font-family: "Lora", "Helvetica", "Arial", sans-serif;
    font-size-adjust: 0.58;
     text-rendering: optimizeLegibility;
}

a:hover, a:focus, a:active {
  text-decoration: none;
  outline: none;
  color: #2e1503 !important; }
  
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

blockquote {
    border-left: 3px solid #2e1503 !important;
    font-size: 20px;
}


footer{
    background-color: #000 !important;
}

.gototop-button {
    background-color: #999;
}

#goToTop:after, #goToTop:before {
    display: block;
    content: ' ';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #999;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    border-radius: 100px; }


.btn {
    background-color: #000;
    border-color: #000;
}

foooter .text-grey a:hover, foooter .text-grey a:focus, foooter .text-grey  a:active,
 .text-grey a:not(.button){
  text-decoration: none;
  outline: none;
  color: #f1f1f1 !important; 
 }

.seperator.seperator-dark::before, .seperator.seperator-dark::after, .separator.seperator-dark::before, .separator.seperator-dark::after {
    border-bottom: 1px solid #ccc !important;
}

.footer-logo {
    border-right: 1px solid #ccc;
}

.btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light:active{
	background:#666 !important;
	border:solid 1px #666;
}

/*Transitions*/
::selection {
  background: #2e1503 !important;
  color: #FFF;
  text-shadow: none; }

::-moz-selection {
  background: #2e1503 !important;
  /* Firefox */
  color: #FFF;
  text-shadow: none; }

::-webkit-selection {
  background: #2e1503 !important;
  /* Safari */
  color: #FFF;
  text-shadow: none; }

#mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span {
    color: #2e1503;
}

/* margin padding */

.mrg-0 {
  margin: 0 !important;
}
.mrg-t-0 {
  margin-top: 0 !important;
}
.mrg-t-5 {
  margin-top: 5px !important;
}
.mrg-t-10 {
  margin-top: 10px !important;
}
.mrg-t-20 {
  margin-top: 20px !important;
}
.mrg-t-30 {
  margin-top: 30px !important;
}
.mrg-t-40 {
  margin-top: 40px !important;
}
.mrg-t-50 {
  margin-top: 50px !important;
}
.mrg-r-10 {
  margin-right: 10px !important;
}
.mrg-b-0 {
  margin-bottom: 0 !important;
}
.mrg-b-10 {
  margin-bottom: 10px !important;
}
.mrg-b-20 {
  margin-bottom: 20px !important;
}
.mrg-b-30 {
  margin-bottom: 30px !important;
}
.mrg-b-40 {
  margin-bottom: 40px !important;
}
.mrg-b-50 {
  margin-bottom: 50px !important;
}
.mrg-l-10 {
  margin-left: 10px !important;
}
.mrg-l-20 {
  margin-left: 20px !important;
}
.mrg-t-b-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.mrg-t-b-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.mrg-t-b-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.pad-t-0 {
  padding-top: 0 !important;
}
.pad-t-5 {
  padding-top: 5px !important;
}
.pad-t-15 {
  padding-top: 15px !important;
}
.pad-t-10 {
  padding-top: 10px !important;
}
.pad-t-20 {
  padding-top: 20px !important;
}
.pad-b-10 {
  padding-bottom: 10px !important;
}
.pad-b-0 {
  padding-bottom: 0px !important;
}
.pad-0 {
  padding: 0 !important;
}
.pad-10 {
  padding: 10px !important;
}
.pad-t-b-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pad-t-b-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.pad-l-10 {
  padding-left: 10px !important;
}
.pad-r-10 {
  padding-right: 10px !important;
}
.pad-r-l-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.pad-r-0 {
  padding-right: 0 !important;
}
.brd-0 {
  border: 0 !important;
}
.brd-t-0 {
  border-top: 0 !important;
}
.brd-b-0 {
  border-bottom: 0 !important;
}
.brd-1 {
  border: 1px solid #ddd;
}
.brd-1-b {
  border-bottom: 1px solid #ddd;
  padding-top: 10px;
  padding-bottom: 10px;
}


/* owl */

.owl-carousel .owl-nav .owl-next:hover, 
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .portfolio-item .portfolio-description a:hover{
  background: #2e1503 !important;
  border-color:#2e1503 !important;

}