/*IMPORT: normalise, defecto, template  :: syntax order POSITION DIMENSIONS-WHPM  COLOR FONT DECO*/
@import url("deco/normalize.css");
@import url("deco/defecto.css");
@import url("deco/sections/section.css");
/*
======================================
========== DEFECTO OVERIDE  ==========
======================================
*/
.blocks div 		{ width: 15px; height: 40px; float: left; margin-top: 20px; }
#hair 				{ background-color: #f9f9f9; }
.head 				{ top: 0; border-bottom: 1px solid #e3e3e3;  }
.welcome article 	{ width: 320px; padding: 20px 30px 45px; }
.entice01 			{ background-color: #ddd;  }
.entice01 header 	{ color: #135589;  }
.layfours 			{ width: 86vw;  }
.laytwos2 			{ width: 86vw; }
.tabs>input[type=radio]:checked + label {  background-color: #eee;  }
.tabs>main {  background-color: #eee;  }
/*
======================================
========== BLOGS  ===========
======================================
*/
.cards01 figure { position: relative; height: 30vw; }
.cards01 footer { position: absolute; background-color: yellow; color: #000; padding: 20px 10px; bottom: 0px; left: 20px; width: 120px; vertical-align: text-top; }
.cards01 .date 	{ font-size: 35px; line-height: 38px; }
.cards01 h1 { font-size: 30px; }
.cards01 a { color: grey;  }
/*
/*
======================================
========== SECTION THEMES  ===========
======================================
*/
.section01                { margin-top: -60px; min-height: 700px;  text-align: justify; padding: 20px 0px 20px 100px ; }
.section01 figure         { width: 600px; height: 600px; border-radius: 300px; float: right; position: relative; right: -50px; -webkit-shape-outside:circle();  shape-outside:circle();} 
.section01 video 	      { width: 600px; height: 600px; border-radius: 300px; float: right; position: relative; right: -50px; -webkit-shape-outside:circle();  shape-outside:circle();} 
.section01 header 	      { position: relative; left: 0px; right: -150px; padding-top: 80px; padding-right: 100px; } 
.section01 main  		  { color: #555; }
.section01 footer  		  { color: #555; }
.section01 p 			  {  }
/*
======================================
========== CARD THEMES  ===========
======================================
*/
.card01         { margin-top: -60px; min-height: 700px;  text-align: justify; padding: 20px 0px 20px 100px ; }
.card01 figure  { width: 600px; height: 600px; border-radius: 300px; float: right; position: relative; right: -50px; -webkit-shape-outside:circle();  shape-outside:circle();} 
.card01 header 	{  }
.card01 main    { position: relative; left: 0px; right: -150px; padding-top: 80px; padding-right: 100px; } 
.card01 footer 	{ color: #555; }
.card01 aside 	{  }
/*
===============================================
****************    PHONE		***************
===============================================
*/
@media screen and (max-width: 550px) {
.welcome article 	{ width: 320px; padding: 20px 10px 45px; }
}
/*
===============================================
****************    IMAGES		***************
===============================================
*/
.cover1 			{ background: url('gallery/cover1.jpg') no-repeat fixed; background-size: cover; background-position: right;}
.cover2 			{ background: url('gallery/cover3.jpg') no-repeat; background-size: cover; background-position: right;}
.cover3 			{ background: url('gallery/cover3.jpg') no-repeat; background-size: cover; background-position: right;}