/*
Theme Name: CDE Customized Wordpress Theme
Theme URI: http://www.chrisdevonshire-ellis.com/
Author: Kaushal Subba
Author URI: https://kaushal.com.np/
Description: Customized wordpress theme for personal website of Chris Devonshire-Ellis
Version: 1.0
*/
@font-face {
	font-family: 'Raleway';
	src: url('fonts/Raleway-Light.eot');
	src: url('fonts/Raleway-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Raleway-Light.woff') format('woff'),
		url('fonts/Raleway-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

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

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

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

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

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

@font-face {
	font-family: 'Playfair Display SC';
	src: url('fonts/PlayfairDisplaySC-Bold.eot');
	src: url('fonts/PlayfairDisplaySC-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/PlayfairDisplaySC-Bold.woff') format('woff'),
		url('fonts/PlayfairDisplaySC-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

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

@font-face {
	font-family: 'Playfair Display';
	src: url('fonts/PlayfairDisplay-Black.eot');
	src: url('fonts/PlayfairDisplay-Black.eot?#iefix') format('embedded-opentype'),
		url('fonts/PlayfairDisplay-Black.woff') format('woff'),
		url('fonts/PlayfairDisplay-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'Kohelet';
	src: url('fonts/Kohelet-Regular.eot');
	src: url('fonts/Kohelet-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Kohelet-Regular.woff') format('woff'),
		url('fonts/Kohelet-Regular.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

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

body { padding-top: 0px; background-color:#f3f3f3; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; font-weight: normal;}
html, body { height: 100%;}

h1 {font-family:"Playfair Display SC","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 28px; text-transform: none; margin-top:0px; padding-top:0px;}
.carousel-caption{ background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; bottom:100px; left:18%; right:18%}
.carousel-caption h2 {font-family:"Playfair Display SC","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:40px; margin-top:0px; padding-top:0px; line-height:50px;}
.carousel-caption h2 span {font-family:"Russian";font-size: 45px;}
footer {background-color:#4e4e4e ; padding:20px 0; color:#CCCCCC; font-size:12px;}
footer ul a { color:#CCCCCC;}
footer ul a:hover { color:#fff; text-decoration:none;}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus{ color:#000; font-size:18px; font-family:"Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;    text-transform: uppercase; font-weight:bold;}
.navbar-toggle{ background-color:#4e4e4e;}
.nav > li > a{  text-transform:uppercase; font-size:13px;}
.navbar-inverse{ background-color:#fff;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.1); border:none;}
.navbar-default {  border: none; background: #fff; background: rgba(255,255,255,0.9);}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover {line-height: normal;color:#000;}

.box { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; margin-bottom: 10px; margin-top:20px;  padding: 20px 22px;}
.box p{ line-height:160%;}
.box:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);}
.box .btn-md {background-color: #fff; border-color: #1a171b;  color: #1a171b; border-radius:0px;}

.heading{ border-top:solid 4px #9c9c9c;padding:10px; color:#000; width:50%; margin:0 auto;}
.right-bar .box{ padding:0px  0px 20px 0px}
.right-bar .box h4{ margin-bottom:0px;}
.right-bar .box .right-block{ padding: 20px 22px;}
.img-full { min-width: 100%;}
.inner-padding{ padding-top:50px;}
.hidden-cont{opacity: 0;}
.visible-cont{	opacity: 1;}
.carousel, .item, .active { height: 100%;}
.carousel-inner { height: 100%; top:18px;}
/* Background images are set within the HTML using inline CSS, not here */
.fill {  width: 100%;  height: 100%;    background-position:top center;    -webkit-background-size: cover;    -moz-background-size: cover;    background-size: cover;    -o-background-size: cover;}
.carousel { height: 80%;}
.carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 500px; /* <--- Change this line to min-height */ }

.carousel-control .icon-next, .carousel-control .icon-prev{ font-size:60px;}
/*social media icons*/

ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}
ul.social-network a{ background-color:#2e2e2e;}

/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}


a.socialIcon:hover, .socialHoverClass {	color:#44BCDD;}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 25px;
	height: 25px;
	font-size:12px; 
}
.social-circle li i {
	margin:0;
	line-height:25px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}


/*search box*/
.searchbox{
    position:relative;
    min-width:50px;
    width:0%;
    height:50px;
    float:right;
    overflow:hidden;
    
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.searchbox-input{
    top:0;
    right:0;
    border:0;
    outline:0;
    background:#eeeeee;
    width:100%;
    height:50px;
    margin:0;
    padding:0px 55px 0px 20px;
    font-size:13px;
    color:#bbbbbb;
}
.searchbox-input::-webkit-input-placeholder {
    color: #333;
}
.searchbox-input:-moz-placeholder {
    color: #333;
}
.searchbox-input::-moz-placeholder {
    color: #333;
}
.searchbox-input:-ms-input-placeholder {
    color: #333;
}

.searchbox-icon,
.searchbox-submit{
    width:50px;
    height:50px;
    display:block;
    position:absolute;
    top:0;
    font-family:verdana;
    font-size:22px;
    right:0;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    line-height:50px;
    text-align:center;
    cursor:pointer;
    color:#dcddd8;
    background:#2e2e2e;
}



.searchbox-open{
    width:270px;
}

.byline{
  position:absolute;
  top:150px;
  left:30%;
  text-align:center;
  font-size:18px;
}
.byline a{
  text-decoration:none;
  color: #dcddd8;
}

.searchbox{ position:absolute; right:0px;}
.btn-black { background-color: #2e2e2e;  border-color: #2e2e2e;  color: #ffffff;}
.radius-none{border-radius:0px;}
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding:5px;
    text-align: center; margin-bottom:20px !important;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    padding: 10px 5px; background-color:#e5e5e5;
}
img {
    height: auto;
    max-width: 100%;
}
.pager{ text-align:left;}
.pager li > a, .pager li > span{border-radius:0px; border-color:#ececec}
.pager li > a:hover, .pager li > span:hover{box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12); background-color:#FFFFFF;}
@media only screen and (min-device-width : 768px) and (max-device-width : 800px) {
.nav>li>a{ text-transform:none; padding-left:7px; padding-right:7px;}
}

@media only screen and (min-device-width : 801px) and (max-device-width : 992px) {
.nav>li>a{ text-transform:none; padding-left:7px; padding-right:7px;}
}
@media only screen and (max-device-width : 767px) {
.searchbox-open{ width:100%;}
.carousel-caption{bottom:60px; padding:10px;}
.carousel-caption h2 {font-size:20px;line-height:30px;}
.carousel-caption h2 span {font-size: 25px;}
}