/*
Theme Name: Pin Child (Amsinco)
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Pin Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.1.5
Template: pin-wp
Author: An-Themes
Author URI: https://themeforest.net/user/an-themes/portfolio
Tags: black, white, red
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


/* =Theme customization starts here
-------------------------------------------------------------- */


/* -- Social Share Icons (Home) -- 
Settings for: index.php / all template-home files */
div.margin-home-iframe { 
	position: relative; 
	z-index: 101; 
	margin-bottom: -20px; 
}
.home-share  { 
	margin-bottom: 0px !important; 
	margin-top: 3px !important; 
}


/* -- If the social is hidden */
ul.masonry_list .simplebtn { 
	margin-bottom: 5px;
}


/* -- Recent Articles / Related Articles */
.related-box {
	display: none !important; 
}

/*RDK CUSTOM POST TABLE*/

.table {
	padding: 20px 0;
}

.first-row div,
.second-row div {
	background: #eaeaea;
	padding:  10px;
	border-radius:  8px;
	margin-bottom: 10px;
}

.third-row div.info {
	padding: 10px;
  background: #eaeaea;
  border-radius: 8px;
}

.third-row div:not(.inner-row) {
	border-bottom: 2px solid #fff;
  width: 100%;
}

.third-row div.info div:last-child {
	border: 0;
	margin-bottom:  0;
}

.third-row div.video {
    overflow: hidden;
    position: relative;
    width:100%;
    margin-top:  10px;
    background: #000;
    display: flex;
}

.third-row div.video::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.third-row div.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

span.heading {
	font-weight: bold;
	color: #000;
}

.second-row span.heading,
.first-row span.heading {
  display: block;
  border-bottom: 2px solid #fff;
  margin-bottom: 3px;
}

.third-row div.info span.heading {
  width: 100px;
  display: inline-block;
  border-right: 2px solid #fff;
  margin-right: 10px;
  padding: 7px 0 5px;
}

.table .share {
  padding:  0;
  background:  transparent;
}

.table .share a.disabled:hover,
.table .share a {
  background: #bdc8c0;
  text-align: center;
  padding: 5px 0;
  border-radius: 8px;
  width: calc(33.3% - 3px);
	display: inline-block;
}

.table .share a:hover {
  background: #dd3333;
  color:  #fff!important;
}

.table .share a.disabled {
  color:  #fff!important;
  opacity: 0.85; 
  cursor: not-allowed;
}

.table .share i {
  font-size: 20px;
  line-height: 30px;
}

p.no-video {
	align-self: center;
  text-align: center;
  width: 100%;
  color: #fff;
}

#info-wrapper {
	width: 720px;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 409px) {
	#info-wrapper {
	    width: 320px;
	}
}
@media only screen and (min-width: 410px) and (max-width: 479px) {
	#info-wrapper {
	    width: 360px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 580px) {
	#info-wrapper {
	    width: 430px;
	}
}
@media only screen and (min-width: 580px) and (max-width: 760px) {
	#info-wrapper {
	    width: 550px;
	}
}

.table .share a.fbbutton,
.table .share a.twbutton,
.table .share a.igbutton,
.second-row .email,
.second-row .telephone,
.second-row .website {
  cursor: pointer;
  background: #c6cfc9;
  box-shadow: 1px 2px 0px #919191;
  /*color: #687e00;*/
  text-align: center;
  user-select: none;
  transition: all 0.2s ease;
  border-radius: 4px;
}

.second-row .email,
.second-row .telephone,
.second-row .website {
	padding-top:  8px;
	padding-bottom: 8px;
	position: relative;
	top: 0;
}

.table .share a.fbbutton:hover,
.table .share a.twbutton:hover,
.table .share a.igbutton:hover,
.second-row .email:hover,
.second-row .telephone:hover,
.second-row .website:hover {
  background: #dd3434;
  box-shadow: 1px 2px 0px #7b0909;
}

.second-row .email a:hover,
.second-row .telephone a:hover,
.second-row .website a:hover,
.second-row .email:hover a,
.second-row .telephone:hover a,
.second-row .website:hover a {
  color: #fff!important;
}

.second-row .email:active,
.second-row .telephone:active,
.second-row .website:active {
  box-shadow:0px 0px #7b0909;
  top: 2px;
}

a.reveal {
  display:inline-block;
  width:100%;
  height:100%;
}

@media only screen and (min-width: 768px) {
	
	.first-row,
	.second-row,
	.third-row {
		display: flex;
		align-items: flex-start;
		flex-wrap: nowrap;
		gap: 10px;
	}
	.first-row div,
	.second-row div {
		width: 100%;
	}
	.third-row div.info div {
		width: auto;
    	display: flex;
    	align-items: center;
	}
	.third-row div.info {
		flex: 1 1 auto;
		width: 100%;
	}
	.third-row div.video {
		flex: 1 2 auto;
		width: 100%;
		align-self: center;
		margin-top:  0;
	}
	.second-row .email,
	.second-row .telephone,
	.second-row .website {
		float: left;
	}
}


body.single-post .entry-top {
  text-align: left;
}

.title-icon {
	width: 120px;
  float: left;
  margin-bottom: 40px;
}

.title-icon img {
	max-height: 100px;
  width: auto;
  float: left;
  margin-right: 20px;
}

.article-title-icon {
	width: calc(100% - 120px);
  float: left;
}