/*
Theme Name: Yortem
Theme URI: http://laki.co.il
Author: Rotem Shmueli
Author URI: https://www.facebook.com/rotem.shmueli.9
Description: This theme was designed and developed by Rotem Shmueli.
*/

@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,700');

body, html {
    background-color: #E7F6F8;
    margin: 0px;
    font-size: 18px;
    color: #616161;
    font-family: Rubik;
}

img {
    border:  0px;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
    transition: 0.2s;
}

.wrap {
    background-color: white;
    box-shadow: 0px 0px 5px #4DD0E1;
    width: 1150px;
    margin: auto;
    margin-top: 50px;
    overflow: hidden;
    padding: 25px;
    margin-bottom: 50px;
}

.float {
    width: 100%;
    float: right;
}

.header {
    background-color: #4DD0E1;
    padding: 30px 25px;
}

#logo {
    float: right;
}

#logo img {
    display: block;
}

.searchy {
    float: left;
    background-color: white;
    border-radius: 25px;
    padding: 5px 10px;
    font-size: 20px;
}

input {
    font-family: Rubik;
    font-size: 18px;
    color: #616161;
}

.searchy span {
    display: none;
}

.searchy input {
    border: 0px;
    outline: 0px;
    width: 200px;
    transition: 0.2s;
}

.searchy input:focus {
    width: 250px;
}

.search-submit {
    height: 16px;
    background-color: transparent;
    border: 0px;
    margin: 5px 0px 0px 4px;
    cursor: pointer;
    float: left;
    width: 16px;
    background-image: url('/img/search.png');
}

.menu {
    float: right;
    width: 100%;
    list-style-type: none;
    padding: 0px;
    height: 50px;
    margin: 0px;
    margin-bottom: 25px;
    background-color: #00ACC1; 
}

.menu li ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    z-index: 200;
    background-color: #4DD0E1;
    top: 50px;
    display: none;
    width: 220px;
    box-shadow: 1px 3px 3px #E7F6F8;
    position: absolute;
}

.menu li {
    float: right;
    position: relative;
}

.menu li a {
    float: right;
    font-weight: bold;
    color: white;
    text-decoration: none;
    padding: 14px;
}

.menu li:hover {
    background-color: #4DD0E1;
}

.menu li:hover > ul {
    display: block;
}

.menu li ul li {
    width: 100%;
    font-size: 15px;
}

.menu li ul li ul {
    position: absolute;
    right: 100%;
    top: 0px;
    display: none;
}

.menu li ul li:hover ul {
    display: block;
}

.menu li ul li a {
    font-weight: normal;
    padding: 10px;
}

.menu li ul li:hover {
    background-color: #6ddfee;
}

.userbar {
    border: 1px solid #F2F2F2;
    padding: 12px;
    margin-bottom: 25px;
}

.left {
    float: left;
    width: calc(72% - 25px);
    margin-right: 25px;
}

.right {
    width: 28%;
    float: right;
}

.add-to-index {
    background-color: #E91E63;
    color: white;
    line-height: 1;
    text-shadow: 0px 0px 1px white;
    font-weight: bold;
    position: relative;
    margin-top: 25px;
    overflow: hidden;
    padding: 20px 20px 30px 20px;
}

.big-add {
    font-size: 30px;
}

.small-add {
    font-size: 18px;
}

/**
 * The "shine" element
 */

.add-to-index:after {
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(15deg);
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

/* Hover state - trigger effect */

.add-to-index:hover:after {
  opacity: 1;
  top: -30%;
  left: -30%;
  transition-property: left, top, opacity;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}

/* Active state */

.add-to-index:active:after {
  opacity: 0;
}

.widget, widget-title {
    float: right;
    width: 100%;
}

.widget-title {
    color: white;
    font-size: 20px;
    padding: 12px 15px;
    margin: 25px 0px 0px 0px;
}

.widget_recent_comments h2 {
    background-color: #FF9800;
}

#recentcomments {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.cwp-ul  {
    padding: 0px;
    margin: 0px;
}

.cwp-on-text {display: none;
}

.comment-author-link, .cwp-author-link a {
    float: right;
    font-weight: bold;
    color: #FF9800;
}

.cwp-comment-title .cwp-comment-link {
    float: right;
    color: #616161;
    text-decoration: none;
    padding: 5px 0px;
    font-size: 14px;
    clear: right;
}

.comment-excerpt {
    float: right;
    clear: right;
    color: #ab8b18 !important;
}

.recentcomments {
    background-color: #fff7eb;
    border-bottom: 1px solid white;
    color: #67615A;
    padding: 15px;
}

.box {
    float: right;
    width: calc(50% - 12.5px);
    text-decoration: none;
    margin-left: 25px;
}

.box:nth-child(2n) {
    margin-left: 0px;
}

.box-image {
    overflow: hidden;
    height: 215px;
    position: relative;
}

.box-image img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: auto;
    width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.box-info {
    position: absolute;
    bottom: 0px;
    color: white;
    right: 0px;
    opacity: 0.9;
    left: 0px;
    padding: 15px;
    background: transparent; /* Old Browsers */
background: -webkit-linear-gradient(top,transparent,rgb(0, 0, 0)); /*Safari 5.1-6*/
background: -o-linear-gradient(top,transparent,rgb(0, 0, 0)); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,transparent,rgb(0, 0, 0)); /*Fx 3.6-15*/
background: linear-gradient(to bottom, transparent, rgb(0, 0, 0)); /*Standard*/
}

.box-title {
    color: #4DD0E1;
    font-weight: bold;
    font-size: 22px;
    background-color: #f8f8f8;
    height: 77px;
    line-height: 1;
    padding: 15px;
}

.widget_mashsb_mostshared_posts_widget h2 {
    background-color: #4DD0E1;
}

.box:hover .box-title {
    background-color: #4DD0E1;
    color: white;
}

.footer {
    background-color: #9CCC65;
    color: white;
    padding: 25px;
    margin-top: 25px;
}

.footer a {
    color: white;
}

.mobile {
    float: left;
    background-color: white;
    position: relative;
    border-radius: 50%;
    display: none;
    width: 35px;
    cursor: pointer;
    height: 35px;
    margin-right: 15px;
    padding: 8px;
}

.mobile img {
    display: block;
    max-width: 100%;
    height: 100%;
}

.mobile-open {
    position: absolute;
    left: 0px;
    top: 50px;
    border-radius: 15px;
    background-color: #00ACC1;
    transition: none;
    display: none;
    z-index: 250;
}

.mobile-open ul {
    list-style-type: none;
    padding: 0px;
    width: 200px;
    margin: 0px;
}

.mobile-open ul li {
    float: right;
    width: 100%;
    border-bottom: 1px solid #4DD0E1;
}

.mobile-open ul li:nth-last-child(1) {
    border-bottom: 0px;
}

.mobile-open ul li ul {
    display: none;
}

.mobile-open ul li a {
    float: right;
    width: 100%;
    color: white;
    text-decoration: none;
    padding: 10px;
}

.page-title-single {
    margin-top: 0px;
    padding: 10px;
    background-color: #4DD0E1;
    color: white;
    margin-bottom: 0px;
}

.right-info {
    width: calc(100% - 205px);
    float: right;
}

.left-info {
    width: 180px;
    height: 104px;
    margin-right: 25px;
    overflow: hidden;
    position: relative;
    float: left;
}

.left-info img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: auto;
    width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.the-content {
    font-size: 20px;
    font-weight: 300;
}

.the-content a {
    color: #4DD0E1;
}

.the-content img, .the-content iframe {
    max-width: 100%;
    height: auto;
}

.the-content h2 {
    color: #FF9800;
}

.page-info {
    padding: 15px;
    background-color: #E7F6F8;
    position: relative;
    padding-right: 90px;
    color: #00ACC1;
}

.page-info a {
    color: #00ACC1;
}

.author-image {
    float: right;
    width: 64px;
    height: 64px;
    position: absolute;
    right: 10px;
    margin-top: -20px;
    z-index: 200;
}

.author-image img {
    width: 100%;
    border-radius: 50%;
    border: 3px solid white;
    height: 100%;
}

.mashsb-container {
    padding-top: 30px;
}

.secondary-title {
    color: white;
    font-size: 20px;
    padding: 12px 15px;
    background-color: #616161;
    margin: 25px 0px 25px 0px;
}

.main-title {
    color: white;
    font-size: 20px;
    padding: 12px 15px;
    background-color: #9CCC65;
    margin: 0px 0px 25px 0px;
}

.pro-box {
    float: right;
    width: calc(33.33% - 16.66px);
    padding: 0px;
    margin: 0px;
    margin-bottom: 25px;
    list-style-type: none;
}

.pro-box a {
    color: #616161;
    text-decoration: none;
    padding: 7px 12px;
    float: right;
    width: 100%;
}

.pro-box a:hover {
    padding-right: 15px;
}

.big-pro a {
    background-color: #e2e2e2;
}

.big-pro ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.small-pro a {
    background-color: #F2F2F2;
    border-bottom: 1px solid white;
}

.small-pro a:hover {
    background-color: #E7F6F8;
}

.acf-checkbox-list > li > label {
    pointer-events: none;
    color: #00ACC1;
    font-weight: bold;
}

.acf-checkbox-list > li {
    width: 25%;
    float: right;
}

.entry-title {
    padding: 10px !important;
    margin: 0px;
    background-color: #4DD0E1;
    font-family: Rubik !important;
    font-weight: 700 !important;
    color: white;
}

.acf-checkbox-list > li > label > input {
    display: none;
}

body.rtl, body.rtl .press-this a.wp-switch-editor {
    font-family: 'Rubik';
}

.dd, li {
    margin: 0px;
}

.the-form p {
    font-size: 18px !important;
}

.acf_postbox p.label label {
    font-weight: normal;
    font-size: 18px !important;
    color: #E91E63;
}

.count {
    color: #9e9e9e;
    font-size: 13px;
}

.mashsb-share-widget {
    background-color: #E7F6F8;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.mashsb-widget-link {
    color: #00ACC1;
    text-decoration: none;
}

.mashsb-share-widget li {
    float: right;
    padding: 15px;
    width: 100%;
    background-color: #E7F6F8;
    border-bottom: 1px solid white;
}

.page-header h1 {
    padding: 10px;
    margin: 0px;
    font-size: 28px;
    background-color: #9CCC65;
    font-family: Rubik;
    font-weight: 700;
    color: white;
    margin-bottom: 25px;
}

.box-site {
    float: right;
    width: calc(25% - 18.66px);
    background-color: #F2F2F2;
    padding: 10px;
    text-decoration: none;
    line-height: 1.7;
    margin-bottom: 25px;
    text-align: center;
}

.box-site:hover {
    background-color: #4DD0E1;
    color: white;
    transform: scale(1.05);
}

.box-site:hover a, .box-site:hover span {
    color: white;
}

.site-image img {
    display: inline;
    width: 90%;
    box-shadow: 0px 0px 5px #d2d2d2;
    height: auto;
    border-radius: 5%;
}

.site-title {
    font-weight: bold;
    color: #00ACC1;
    font-size: 20px;
}

.site-phone {
    color: #616161;
}

.site-pro {
    border: 1px solid #e2e2e2;
    padding: 5px;
    border-radius: 5px;
}

.site-pro a {
    color: #616161;
    font-size: 15px;
}

.site-pros {
    padding: 10px 0px;
    margin-top: 15px;
}

.site-pros a {
    color: #E91E63;
}

.site-wrap {

}

.site-right {
    float: right;
    width: 60%;
}

.site-left {
    float: right;
    width: calc(40% - 25px);
    margin-right: 25px;
}

.site-left img {
    width: 100%;
    height: auto;
    display: block;
    box-shadow: 0px 0px 5px #9CCC65;
}

.site-name {
    font-size: 24px;
    color: white;
    background-color: #9CCC65;
}

.site-info a {
    color: #649926;
}

.site-content {
    line-height: 1.7;
    border-bottom: 2px solid #e2e2e2;
}

.line {
    width: 100px;
    float: right;
    font-weight: bold;
}

.site-info {
    background-color: #f7ffeb;
    padding: 15px;
    line-height: 1.7;
    color: #649926;
}

.site-url {
    font-size: 16px;
    padding: 10px 0px;
}

.site-url a {
    color: #00ACC1;
}

.search-row {
    padding: 15px 50px 15px 15px;
    background-color: white;
    position: relative;
    border-bottom: 1px solid #F2F2F2;
    text-decoration: none;
    color: #616161;
}

.search-row:hover {
    border-right: 5px solid #4DD0E1;
}

.searches {
    padding: 15px;
    background-color: #F2F2F2;
}

.search-row:before {
    color: white;
    border-radius: 3px;
    position: absolute;
    right: 16px;
    background-repeat: no-repeat;
    background-position: center;
    top: 16px;
    content: "";
    height: 22px;
    width: 22px;
}

.search-page:before {
    background-image: url('/img/page.png');
    background-color: #E91E63;
}

.search-post:before {
    background-image: url('/img/post.png');
    background-color: #4DD0E1;
}

.search-websites:before {
    background-image: url('/img/website.png');
    background-color: #9CCC65;
}

#breadcrumbs a {
    color: #7E57C2;
    text-decoration: none;
    padding: 0px 10px;
}

.entry-content {
    padding: 15px 0px;
}

.cat-box {
    background-color:white;
    padding: 15px;
}

.cat-box:nth-child(2n) {
    background-color: #F2F2F2;
}

.cat-header h1 {
    margin-bottom: 0px;
}

.right-cat-box {
    float: right;
    width: 180px;
    height: 104px;
    overflow: hidden;
    position: relative;
}

.right-cat-box img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: auto;
    width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.left-cat-box {
    width: calc(100% - 180px);
    float: right;
    padding-right: 25px;
}

.cat-title {
    font-weight: bold;
    color: #4DD0E1;
    text-decoration: none;
}

.cat-info {
    font-size: 15px;
}

.magazine-title {
    background-color: #E91E63;
    margin-top: 25px;
}

.wp-caption {
    box-shadow: 0px 0px 5px #4DD0E1;
    padding: 15px;
    font-size: 14px;
}

.wp-caption-text {
    padding: 10px 0px 5px 0px;
    color: #00ACC1;
}

@media screen and (max-width: 1150px) {
    
    .wrap {
    width: 100%;
    margin: 0px;
}
    
}

@media screen and (max-width: 1000px) {
    
    .menubar {
    display: none;
}

.mobile {
    display: block;
}
    
.right {
    display: none;
}

.left {
    margin: 0px;
    width: 100%;
}

.userbar {
    margin-top: 25px;
}

}

@media screen and (max-width: 700px) {
    
    .searchy {
    display: none;
}

.wrap {
    padding: 10px;
}

#logo {
    width: 150px;
    margin-top: 3px;
}

.wp-caption {
    width: 100% !important;
    height: auto;
}

#logo img {
    width: 100%;
    height: auto;
}

.box {
    width: 100%;
}

.box-title {
    height: auto;
}

.acf-checkbox-list > li {
    width: 100%;
}

.pro-box {
    width: calc(50% - 13.66px);
    padding: 0px;
}   

.box-site {
    width: calc(50% - 13.66px);
} 

.site-right {
    width: 100%;
}

.site-left {
    width: 100%;
    padding: 15px;
    margin: 25px 0px 0px 0px;
}

.site-url {
    text-align: center;
}

.left-info, .right-info {
    width: 100%;
}

.left-cat-box, .right-cat-box {
    width: 100%;
    padding: 10px 0px;
}

}