/*
name: gallery.masterJob
content: list blocks
use: 
1. mastershop-cours_toCopy.php to copy in function / template_folder
2. copy in dir template (page) -> gallery.master-job.php
3. copy in dir template (single) -> single-cours.php 
4. Types (plugin) -> create "cours" post type.
5. Types -> create Video field "side-video" to :"cours" post type.
5. Types -> create Email field (multiple value) "toEmail" to :"cours" post type.
6. For better use of attachment - plugin: "Download Attachments"
7. Create form for modal/contact form - ContactForm 7
8. in single-cours line 120, change shortcode form
9. Add plugin - Open Graph plugin to handle Facebook ("OG")
10. Add plugin - TinyMCE
*/

@font-face{
	font-family: 'OpenSans-external';
	src: url('http://external.mastershop.co.il/font/opensansregular.eot');
	src: url('http://external.mastershop.co.il/font/opensansregular.eot') format('embedded-opentype'),  url('http://external.mastershop.co.il/font/opensansregular.woff2') format('woff2'),  url('http://external.mastershop.co.il/font/opensansregular.woff') format('woff'),  url('http://external.mastershop.co.il/font/opensansregular.ttf') format('truetype'),  url('http://external.mastershop.co.il/font/opensansregular.svg#OpenSansHebrewRegular') format('svg');
}
@font-face{
	font-family: 'OpenSans-external';
	font-weight:bold;
	src: url('http://external.mastershop.co.il/font/opensanbold.eot');
	src: url('http://external.mastershop.co.il/font/opensanbold.eot') format('embedded-opentype'),  url('http://external.mastershop.co.il/font/opensanbold.woff2') format('woff2'),  url('http://external.mastershop.co.il/font/opensanbold.woff') format('woff'),  url('http://external.mastershop.co.il/font/opensanbold.ttf') format('truetype'),  url('http://external.mastershop.co.il/font/opensanbold.svg#OpenSansHebrewBold') format('svg');
}

body{
	background-color:#222 !important;
	background-image:url('http://external.mastershop.co.il/images/dark_background_1080.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
}
body *{
	direction:rtl;
	font-family: 'OpenSans-external', sans-serif, Arial;
}
header,
nav,
.navbar{
	display:none;
}

.Tcenter{
	text-align:center;
}
.Tleft{
	text-align:left;
}

#headCours{
	padding: 10px 0 5px;
	margin:0 0 25px 0;
	background-color: rgba(43, 43, 43, 0.85);
	color:#ccc;
}
#headCours *{
	color:#ccc;
	font-size:16px;
}
#headCours .container div{
	float:left;
}
#headCours .container a{
	float:right;
}

#galleryCour{
	margin-bottom:25px;
}
#galleryCours *{
	direction:rtl;
	font-size:16px;
	font-family: 'OpenSans-external', sans-serif, Arial;
	box-sizing:border-box;
}

#galleryCours .title{
	color:#fff;
	font-size: 26px;
    margin: 15px 0 5px;
    border-bottom: 1px solid;

}
#galleryCours .block-box{
	position: relative;
	margin:15px 0;
	padding:0 15px 15px;
	background-color:#fff;
}
#galleryCours h3.block-title{
    position: absolute;
    width: 100%;
    padding: 12px 15px;
    margin:0 -15px 0 -15px;
    background-color: rgba(43, 43, 43, 1);
    color: white;
    font-size:18px;
    font-weight: bold;
    line-height: 28px;
    text-align: right;
    z-index: 5;
}
#galleryCour h1 > span,
#galleryCours h3.block-title > span{
	float:left;
	font-size:12px;
}
#galleryCours .block-image{
	display:block;
	height:175px;
	margin:0 -15px 15px -15px;
	overflow:hidden;
}
#galleryCours .block-image img{
	-webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}
#galleryCours .block-box:hover img{
	transform: scale(1.1);
}
#galleryCours .block-excerpt{
	min-height:180px;
}
#galleryCours .block-more{
	text-align:center;
}

/* In Page single */
#galleryCour .content{
	background-color:#fff;
}
#galleryCour .content{
	padding:15px;
	border:1px solid #ccc;
}
#galleryCour .page-title{
    margin:0;
    width: 100%;
    font-size: 22px;
    padding: 5px 10px 7px 10px;
    background-color: rgba(25, 25, 25, 1);

    color: white;
    font-weight: normal;
	text-align: right;
}
#galleryCour .page-title h1{
    color: white;
    font-size: 22px;
	display:inline-block;
	width:80%;
    letter-spacing: 0.5px;
	border:none;
	margin:0 auto;
}
#galleryCour .page-title div{
    color: white;
    font-size: 18px;
	display:inline-block;
    letter-spacing: 0.5px;
    width: 20%;
    text-align: left;
	margin:0 auto;
}

#galleryCour .page-image{
    overflow: hidden;
    max-height: 240px;
}
#galleryCour .buttonContainer{
	width:100%;
	padding:25px 0;
	text-align:center;
}
.x_panel .buttonContainer button,
#galleryCour .buttonContainer button{
	border-radius:0px;
	
}

#galleryCour #side{
		margin-top:-1px;
}

#galleryCour #side-logo,
#galleryCour #side-video{
	padding:5px;
	background-color:#fff;
	border:1px solid #333;
}


#galleryCour #side-logo{
	padding:15px 30px;
	margin-bottom:15px;
	text-align:center;
}
#galleryCour #side-logo img{
	max-height:125px;
	max-width:100%;
	margin:0 0 15px 0;
}

#galleryCour #side-logo p{
	text-align:right;
}
#galleryCour #side-logo p.company_about{
	text-align:center;
}
#galleryCour #side-logo a#about-widget-readless{
	display:block;
	text-align:right;
	margin:1em 0;
}
#galleryCour #side-logo a{
	color: #357ebd;
}

#galleryCour #side-video{
    height: 202px;
}
#galleryCour #side-video iframe{
    height: 190px;
}

#side-pictures{
	background-color:#fff;
	margin-top:15px;
	padding-bottom:15px;
}
#side-pictures h3{
	margin:10px 0 0 0;
	border-bottom:1px solid #ccc;
}
#side-pictures .img{
	margin:15px 0 0 0;
}
#side-pictures .img,
#side-pictures a{
	max-height:80px;
	overflow:hidden;
}
#side-pictures img{
	min-height:80px;
}
#side-pictures img:hover{
	transform:scale(1.1);
}

.modal-content{
	padding-bottom:10px;
}
.send-cv{
	padding:0 0 15px 0;
	position: fixed;
    display: none;
    width: 100%;
    z-index: 99;
    opacity: 1;
    left: 0;
    top: 0px;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}
.send-cv.show{
	display:block;
}
.x_panel {
	padding:0 0 15px 0;
    background-color: #fff;
    width: 100%;
    margin-bottom: 15px;
    box-shadow: 0px 0px 4px #999;
	text-align:center;
}
.x_panel h3{
	margin-top:10px;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #337AB7;
    color: #FFF;
}.modal-title {
	margin: 0;
	padding:0;
    line-height: 1.42857143;
    font-size: 22px;
	direction:rtl;
	padding-right:20px;
    font-weight: bold;
	color:#fff;
	border:none;
}

.form-control{
    padding: 6px 45px 6px 12px !important;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}
.right-fa-span {
    border-left: 1px solid #ccc;
    right: 16px;
}

#side-pictures div.col6{
	display:inline-block;
	vertical-align:middle;
    margin: 0px 2%;
    width: 47.2%;
}
#side-pictures div.col6:nth-child(1){
	margin-right:0;
}
#side-pictures div.col6:nth-child(2){
	margin-left:0px;
}

#wpcf7-f47-o1 > form > div > div > div.col-xs-12.col-sm-3{
	padding-top:5px;
}

.inputLine{
	margin:5px 0;
}

input[type="submit"]{
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	
	padding:6px 12px;
    border-radius: 0px;
	
    color: #ffffff;
    border-color: #357ebd;
    background-color: #3276b1;
    border-color: #285e8e;
}
.btn{
	letter-spacing:0.4px;
}
.btn.btn-default{
	color:#222 !important;
}

footer{
	
    background-color: rgba(43, 43, 43, 0.85);
}
#copyright{
	overflow: auto;
	padding-top: 5px;
/*	border-top: 1px solid;*/
	text-align:center;
}
#copyright a{
	color:#fff;
	text-align:center;
}
footer p.copyright-left {
	/*float:left;*/
	text-align: left;
	color: #FFF;
	font-size: 13px;
	text-align:center;
}
/*
footer p.copyright-right {
	float:right;
	text-align: right;
	color: #FFF;
	font-size: 13px;
	padding-left: 10px;
}
*/
footer .copyright-left img{
	margin-top:5px;
}

/*-- Modal --*/
.modal {
  text-align: center;
}
.modal-content{
    text-align: right;
}
@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.btn-primary:hover{
	color: #fff;
    background-color: #2467a0;
    border-color: #204d74;
}

@media screen and (min-width: 768px){
	.modal-dialog {
		left: auto !important;
		right: auto !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 992px){
	#side-pictures div.col6{
		width: 100%;
		margin:0 auto;
	}
}
@media screen and (max-width: 768px){
	#galleryCour{
		max-width:98%;
	}
	#galleryCour > div > div.content{
		margin-left:15px;
		margin-right:15px;
	}
	#galleryCour #side{
		margin-top: 15px;
	}
	
	#galleryCour .page-title{
		padding: 5px 10px;
		color: white;
		font-size: 17px;
		letter-spacing: 0.5px;
	}
}