/* 
 Theme Name:   VerySimpleStartChild
 Theme URI:    
 Description:  For stop-making-sense.eu
 Author:       jo jmatic
 Author URI:   http://jmatic.eu
 Template:     verysimplestart
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

	.site-title {
		text-shadow: 2px 2px #000000;
	}
	.site-description {
		text-shadow: 2px 2px #000000;
	}
	.mainnav {
		text-shadow: 2px 2px #000000;
	}
@media screen and (min-width: 576px) {
    body {
            font-size: 22px!important;
            }    
    .box {
      width: 384px; height: 216px;
      position: relative;
      border: 1px solid #BBB;
      background: #EEE;
    }
    .ribbon {
      position: absolute;
      right: -5px; top: -5px;
      z-index: 1;
      overflow: hidden;
      width: 75px; height: 75px;
      text-align: right;
    }
    .ribbon span {
      font-size: 10px;
      font-weight: bold;
      color: #FFF;
      text-transform: uppercase;
      text-align: center;
      line-height: 20px;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      width: 100px;
      display: block;
      background: #79A70A;
      background: linear-gradient(#F79E05 0%, #8F5408 100%);
      box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
      position: absolute;
      top: 19px; right: -21px;
    }
    .ribbon span::before {
      content: "";
      position: absolute; left: 0px; top: 100%;
      z-index: -1;
      border-left: 3px solid #8F5408;
      border-right: 3px solid transparent;
      border-bottom: 3px solid transparent;
      border-top: 3px solid #8F5408;
    }
    .ribbon span::after {
      content: "";
      position: absolute; right: 0px; top: 100%;
      z-index: -1;
      border-left: 3px solid transparent;
      border-right: 3px solid #8F5408;
      border-bottom: 3px solid transparent;
      border-top: 3px solid #8F5408;
        }
}

        /* custom */
    .circle {
        -webkit-clip-path: circle(33% at center);
        -moz-clip-path: circle(33% at center);
        clip-path: circle(33% at center);
    } 
    