/*
	Theme Name: Chip MacGregor Wordpress Theme 2015
	Description: Special Wordpress Theme for Chip MacGregor Websites by Dinkuminteractive
	Version: 1.0.0
	Author: Dinkuminteractive
	Author URI: http://www.dinkuminteractive.com
*/

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
/*image styling*/
.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%;
	padding:5px 3px 10px;
	text-align:center;
}
.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:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
/*comment styling*/
/*comment*/
#comment-section p{
    margin-bottom: 10px;
}
#comment-section p label {
    display: block;
    font-size: 14px;
}
#comment-section p#form-allowed-tags{
    display: none;
}
#comment-section form#commentform input[type="text"],
#comment-section form#commentform textarea {
  background: #f6f6f6;
  border: 1px solid #cecece;
  border-radius: 3px;
  box-shadow: inset 1px 1px 3px rgba(0,0,0,.12);
  height: auto;
  letter-spacing: 1px;
  outline: none;
  padding: 0 8px;
}
#comment-section form#commentform input[type="text"]{
  width: 30%;
}
#comment-section form#commentform textarea{
    padding: 10px;
    width: 60%;
    height: 120px;
}
#comment-section form#commentform input[type="text"]:focus,
#comment-section form#commentform textarea:focus{
  background: #eef7fc;
  border: 1px solid #75b1d9;
  box-shadow: none;
}
#comment-section h3 {
    margin: 0 0 20px;
    font-size: 18px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 10px;
}
#comment-section ul li {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}
#comment-section ul li:last-child{
    border: none;
}
#comment-section ul {
    padding: 0;
    margin: 0;
}
#comment-section figure{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    float: left;
    margin-right: 12px; 
}
#comment-section figure img{
    max-width: 100%;
    height: auto;
}
#comment-section .comment-detail{
    float: left;
}
#comment-section .comment-meta cite{
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 22px;
}
#comment-section .comment-meta a{
    font-weight: normal;
    color: #ccc;
}
#respond{
    margin-top: 30px;
}
#comment-section ul li.depth-2 {
  margin-left: 50px;
}

/*------------------------------------*\
    Navigation
\*------------------------------------*/
.main-navigation ul li.current_page_item > a:before,
.rwd-navigation-first ul li.current_page_item > a:before,
.main-navigation ul li.current-page-ancestor > a:before,
.rwd-navigation-first ul li.current-page-ancestor > a:before{
	width: 100%
}
.box-category li.current_page_item a::before{
    background: #C6BD59 none repeat scroll 0% 0%;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/
.list-dot-circle li{
	margin-bottom: 20px;
}
/*gravity form*/
#custom-gravity-form .gform_wrapper .top_label .gfield_label,
#custom-gravity-form .gform_wrapper .ginput_complex label{
	display: none;
}
#custom-gravity-form input[type="text"],
#custom-gravity-form textarea{
  border: 2px solid #CCC;
  width: 100% !important;
  padding: 12px 10px;
}
#custom-gravity-form textarea{
  width: 99% !important;
}
#custom-gravity-form .form-contact{
  margin: 0;
}
#custom-gravity-form .gform_wrapper li{
  margin-bottom: 20px;
}
#custom-gravity-form .gform_wrapper li#field_2_2,
#custom-gravity-form .gform_wrapper li#field_2_4{
  width: 48.5%; 
  float: left;
  clear: none;
}
#custom-gravity-form .gform_wrapper li#field_2_2{
  margin-right: 2%
}
#custom-gravity-form .gform_wrapper .ginput_complex span.name_first, 
#custom-gravity-form .gform_wrapper .ginput_complex span.name_last, 
#custom-gravity-form .gform_wrapper .ginput_complex span.name_middle{
  min-height: 0;
}
#custom-gravity-form .gform_wrapper label.gfield_label + div.ginput_container{
  margin-top: 0;
}
#custom-gravity-form #gform_wrapper_3.gform_wrapper .gform_footer{
  padding: 0;
}
#custom-gravity-form #gform_wrapper_3.gform_wrapper input[type="submit"]{
  width: 100%;
}
/*Modal*/
.modal-content {
  margin-top: 60px;
}
.modal-header .title-widget {
  margin-bottom: 5px;
  margin-left: 10px;
  margin-top: 5px;
}
.modal-content .widget-subscribe {
  margin-left: 10px;
}
.modal-header .close {
  margin-top: 7px;
  margin-right: 10px;
}
/* - error style*/
/* - submit and error style*/
#custom-gravity-form input[type="submit"]{
	position: relative;
	overflow: hidden;
    display: inline-block;
	text-transform: uppercase;
	font-family: "Oswald",sans-serif;
	font-weight: normal;
	border-radius: 0px;
	border: medium none;
	letter-spacing: 1px;
	transition: all 300ms ease 0s;
	font-size: 12px;
	background: #587E4D none repeat scroll 0% 0%;
	padding: 18px 68px;
	color: #fff;
}
#custom-gravity-form input[type="submit"]:hover{
    background: #32403A none repeat scroll 0% 0%;
}
.gform_footer .gform_ajax_spinner{
    display: none;
}
#custom-gravity-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required{
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    background: transparent;
}
#custom-gravity-form .gform_wrapper li.gfield.gfield_error{
    padding: 0 !important;
    border: none;
}
#custom-gravity-form .gfield_description.validation_message{
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
}
#custom-gravity-form .gform_wrapper .top_label .gfield_description.validation_message,
#contact-form .gform_wrapper .top_label .gfield_description.validation_message{
    padding: 0 !important;  
    margin: 0 !important;
    color: orange;
    width: auto;
    float: left;
    position: absolute;
}
#custom-gravity-form .gform_wrapper div.validation_error{
    color: orange;
    margin-bottom: 30px;
    text-align: center;
}
#custom-gravity-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container{
    margin-top: 0 !important; 
}
#custom-gravity-form .gform_wrapper .top_label .gfield_error .ginput_container{
    max-width: 100%;
}
#custom-gravity-form .gform_wrapper .gfield.gfield_error input[type="text"]{
    border: 1px solid orange;
}
/*subpage navigation*/
.box-category li a{
  padding: 0 20px;
}
.box-category ul ul.children{
  margin-left: 15px;
}
.box-category ul ul.children li:before{
  content:"\f178";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  margin-top: 6px;
}
.box-category ul ul.childern li:hover a::before, 
.box-category ul ul.childern li:focus a::before, 
.box-category ul ul.childern li.active a::before{
  background: transparent;
}
/*accordion*/
.page-content .panel {
  box-shadow: none;
  border-radius: 0; }
.page-content .panel-default {
  border-color: transparent; }
.page-content .panel-title {
  font-size: 18px;
  line-height: 1.4; }
  .page-content .panel-title a {
    display: block;
    border: 1px solid #CCC;
    padding: 10px 30px 10px 60px;
    position: relative; }
    .page-content .panel-title a:before {
      content: "Q";
      position: absolute;
      left: 0px;
      top: 0px;
      padding: 8px 13px;
      text-transform: uppercase;
      display: block;
      height: 100%;
      transition: all 350ms ease-out 0s;
      background-color: transparent;
      border-right: 1px solid #CCC;
      color: #CCC; }
  .page-content .panel-title a[aria-expanded="true"]:before {
    color: white;
    background-color: #C6BD59; }
.page-content .panel-body {
  padding-left: 60px; }
/*Set height*/
.height30 {
	height: 30px;
}
/*pagination*/
.pagin-container .wp-pagenavi a,
.pagin-container .wp-pagenavi span{
  width: 40px;
  display: inline-block;
  margin: 0 -1px;
  padding: 0;
}
.pagin-container .wp-pagenavi .last,
.pagin-container .wp-pagenavi .first{
	width: 100px;
  padding: 0 5px;
}
.pagin-container .wp-pagenavi .previouspostslink,
.pagin-container .wp-pagenavi .nextpostslink,
.pagin-container .wp-pagenavi span.extend{
  width: 50px;
}
.pagin-container .wp-pagenavi span.extend{
	background: transparent;
  color: #587E4D;
  margin-left: 0px;
}
/*Dropdown Menu*/
.main-navigation ul li > a {
  padding-bottom: 15px;
  margin-bottom: -15px;
}
.main-navigation ul li > a::before {
  top: 90%;
}
.main-navigation ul li ul.sub-menu {
    display: none;
    position: absolute;
    z-index: 99999;
    background-color: #FFF;
    width: 230px;
    text-align: left;
    border-radius: 5px;
    padding: 10px 0px;
    margin-left: 50px;
    border: 1px solid rgb(204, 204, 204);
    margin-top: 15px;
}
.main-navigation ul li:hover ul.sub-menu {
    display: block;
}
.main-navigation ul li ul.sub-menu li {
  display: block;
  width: 100%;
  margin: 5px 0px;
}
.main-navigation ul li ul.sub-menu li a {
    margin-left: 10px;
    margin-right: 10px;
}
.main-navigation ul li ul.sub-menu li a:before {
  display: none;
}
.main-navigation ul li ul.sub-menu li.current-menu-item a,
.main-navigation ul li ul.sub-menu li a:hover {
  color: #C6BD59 !important;
}
/*Single Blog*/
.site-main-blog {
  margin-top: -40px;
}
.author-blog {
  background-image: url("../chip-mac-gregor/assets/images/blog-author-bg.png");
  background-repeat: no-repeat;
  background-position: 180px center;
  min-height: 500px;
}
.avatar-blog {
  padding-top: 80px;
  margin-bottom: 15px;
}
.page-content-blog {
  padding-top: 80px;
}
.avatar-blog img {
  border-radius: 50%;
}
.author-name {
    margin: 0;
    color: #333;
    font-weight: bold;
}
.author-as {
  margin-bottom: 0px;
  font-size: 14px;
}
.social-blog a {
    color: #999999;
    margin-right: 10px;
    font-size: 20px;
}
.social-blog a:hover {
   color: #000000;
}
.link-to-author {
  margin-top: 30px;
  font-size: 14px;
  display: inline-block;
  padding-right: 45px;
}
.page-content-blog article header {
  margin-bottom: 30px;
}
.item-books .books-content p {
    font-size: 14px;
}
.col-md-4.item-books:nth-child(3n+1) {
    clear: both;
}
/*blog list*/
.blg-side .section-blog-side {
    margin-bottom: 30px;
    display: block;
}

.blg-side .section-blog-side h2 {
    position: relative;
    font-family: "Oswald", sans-serif;
    color:#587e4d;
    text-transform : uppercase;
    font-weight: normal;
    margin: 0 0 20px
}
.blg-side .section-blog-side h2:before{
    content:"";
    width: 100%;
    height: 3px;
    background: #c6bd59;
    display: block;
    position: absolute;
    bottom: 3px;
}
.blg-side .section-blog-side.spot-section a{
	color: #000;
	display: inline-block;
	margin-right: 12px;
	font-size: 15px;
}
.blg-side .section-blog-side ul {
    margin: 0 0 0 20px;
    padding: 0;
    color: #999999;
}
.blg-side .section-blog-side ul.function-category {
    margin: 0px;
    padding: 10px;
}
.blg-side .section-blog-side ul li a{
    color: #000;
    font-size: 15px;
}
.blg-side .section-blog-side ul li a:hover{
    color: #999999;
}
.list-blog.author-blog {
    min-height: 0;
    background-size : 35px 150px;
}
.list-blog .avatar-blog{
    padding: 0;
    margin: 0;
}
article.list-article{
    border-bottom: 5px solid #cccccc;
}
article.list-article  header {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #cccccc;
}
.page-content > .list-articles > li {
    margin-bottom: 50px;
}
.page-content > .list-articles > li article{
    padding-bottom: 50px;
    margin-bottom: 0;
}
.page-content > .list-articles > li article a.list-blog-more{
    font-weight: bold;
    font-style: italic;
    color: #587e4d;
}
.page-content > .list-articles > li article a.list-blog-more:hover{
    color: #cccccc;
}

/*Category*/
.content-full {
  margin-bottom: 60px;
}
.content-left {
    display: inline-block;
    width: 100%;
    max-width: 230px;
}
.content-right {
    float: right;
}
.content-right a {
    margin-right: 30px;
    color: #333;
}
.content-right a:last-child {
    margin-right: 0px;
}
.choose-cat {
    display: inline-block;
    width: 100%;
    max-width: 230px;
    border-radius: 5px;
    border: 1px solid #CCC;
    padding: 3px 10px;
    color: #333;
    cursor: pointer;
}
.choose-cat:hover {
  background-color: #f1f1f1;
}
.choose-cat i {
  float: right;
  padding: 6px 0px;
}
.function-category {
    display: none;
    position: absolute;
    z-index: 1;
    padding: 10px;
    list-style: none;
    background-color: #fff;
    width: 100%;
    max-width: 230px;
    height: 100%;
    max-height: 300px;
    overflow-x: hidden;
    border-radius: 5px;
    border: 1px solid #CCC;
}
.function-category a {
  color: #333;
}
.content-right a:hover,
.function-category a:hover {
  color: #C6BD59;
}
.min-290 {
  min-width: 290px;
}
/*author*/
.item-authors:nth-child(6n+1) {
    clear: both;
}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

.title-section {
  margin-bottom: 35px; 
}