/*IMPORTANT Make sure you save the css file before updating the plugin. Updating the plugin will overwrite all files in the plugin folder!!!! */









/*title and excerpt can be set seperately for each layout ------------------------ */

.smm-title-layout1 {

 font-size: 16px;

 color:#4F2991;

 line-height: 115%;

 font-weight: bold;

 display: block;



 font-family:Arial, sans-serif, Geneva;

 text-decoration:none;

 text-indent:0px;

 text-align:left; 

 vertical-align:top; 



 padding:0px 0px 0px 0px !important;

 margin: 0px 0px 0px 0px !important;

}

.smm-excerpt-layout1 {

 font-size: 14px;

 color: black;

 line-height: 125%;

 font-weight: normal;

 display: block;

   

 font-family:Arial, sans-serif, Geneva;

 text-decoration:none;

 text-indent:0px;

 text-align:left; 

 vertical-align:top; 



 padding:0px 0px 0px 0px !important;

 margin: 0px 0px 0px 0px !important;

}

.smm-title-layout2 {

 font-size: 16px;

 color:#4F2991;

 line-height: 115%;

 font-weight: bold;

 display: block;



 font-family:Arial, sans-serif, Geneva;

 text-decoration:none;

 text-indent:0px;

 text-align:left; 

 vertical-align:top; 



 padding:0px 0px 0px 0px !important;

 margin: 0px 0px 0px 0px !important;

}

.smm-excerpt-layout2 {

 font-size: 14px;

 color: black;

 line-height: 125%;

 font-weight: normal;

 display: block;

   

 font-family:Arial, sans-serif, Geneva;

 text-decoration:none;

 text-indent:0px;

 text-align:left; 

 vertical-align:top; 



 padding:0px 0px 0px 0px !important;

 margin: 0px 0px 0px 0px !important;

}

.smm-title-layout3 {

 font-size: 16px;

 color:#4F2991;

 line-height: 115%;

 font-weight: bold;

 display: block;



 font-family:Arial, sans-serif, Geneva;

 text-decoration:none;

 text-indent:0px;

 text-align:left; 

 vertical-align:top; 



 padding:0px 0px 0px 0px !important;

 margin: 0px 0px 0px 0px !important;

}

.smm-excerpt-layout3 {

 font-size: 14px;

 color: black;

 line-height: 125%;

 font-weight: normal;

 display: block;

   

 font-family:Arial, sans-serif, Geneva;

 text-decoration:none;

 text-indent:0px;

 text-align:left; 

 vertical-align:top; 



 padding:0px 0px 0px 0px !important;

 margin: 0px 0px 0px 0px !important;

}

.smm-title-layout4 {

 font-size: 16px;

 color:#4F2991;

 line-height: 115%;

 font-weight: bold;

 display: block;



 font-family:Arial, sans-serif, Geneva;

 text-decoration:none;

 text-indent:0px;

 text-align:left; 

 vertical-align:top; 



 padding:0px 0px 0px 0px !important;

 margin: 0px 0px 0px 0px !important;

}

.smm-excerpt-layout4 {

 font-size: 14px;

 color: black;

 line-height: 125%;

 font-weight: normal;

 display: block;

   

 font-family:Arial, sans-serif, Geneva;

 text-decoration:none;

 text-indent:0px;

 text-align:left; 

 vertical-align:top; 



 padding:0px 0px 0px 0px !important;

 margin: 0px 0px 0px 0px !important;

}







/*valid for all layouts below -----------------------------------------------------------*/









/*bg javascript mode*/

.smm-background0 {

 background:#F0F1F5; 

 

 border-width: 0px; 

 vertical-align:top; 

 //z-index:1 !important;

padding:6px;

 margin: 0px;

}

/*css effect mode*/

.smm-background1 {

 border-width: 0px; 

 vertical-align:top; 



 padding:6px !important;

 margin: 0px !important;

 

 background:#E6E8F2;

 

 border-radius: 4px;

 box-shadow: 0 7px 7px rgba(0, 0, 0, 0.3);

 background-image: linear-gradient(bottom, rgb(243,242,247) 0%, rgb(228,229,240) 57%) !important;

 background-image: -o-linear-gradient(bottom, rgb(243,242,247) 0%, rgb(228,229,240) 57%) !important;

 background-image: -moz-linear-gradient(bottom, rgb(243,242,247) 0%, rgb(228,229,240) 57%) !important;

 background-image: -webkit-linear-gradient(bottom, rgb(243,242,247) 0%, rgb(228,229,240) 57%) !important;

 background-image: -ms-linear-gradient(bottom, rgb(243,242,247) 0%, rgb(228,229,240) 57%) !important;

}

.smm-background2 {

 border-width: 0px; 

 vertical-align:top; 



 padding:6px !important;

 margin: 0px !important;

 

 background:#E6E8F2;

 

 border-radius: 4px;

 box-shadow: 0 7px 7px rgba(0, 0, 0, 0.3);

 background-image: linear-gradient(bottom, rgb(228,240,247) 7%, rgb(206,220,245) 54%);

 background-image: -o-linear-gradient(bottom, rgb(228,240,247) 7%, rgb(206,220,245) 54%);

 background-image: -moz-linear-gradient(bottom, rgb(228,240,247) 7%, rgb(206,220,245) 54%);

 background-image: -webkit-linear-gradient(bottom, rgb(228,240,247) 7%, rgb(206,220,245) 54%);

 background-image: -ms-linear-gradient(bottom, rgb(228,240,247) 7%, rgb(206,220,245) 54%);

}

.smm-overimage {

 font-size: 11px;

 font-weight: bold;

 color: black;

 line-height: 110%;

 text-align:left; 



 font-family:Arial, sans-serif, Geneva;

 left: 0px;

 width:97%;

 position:absolute;



 z-index:10000;

 top:0px;

 background-color: #ffffff;

 opacity:0.9;

 filter: alpha(opacity = 90);



 padding: 2px 2% 2px 2% !important;

 margin: 0px 0px 0px 0px !important;

}









/*elements ----------------------------------------*/

.smm-categories {

 font-size: 12px;

 color: gray;

 line-height: 110%;

 

 font-family:Arial, sans-serif, Geneva;

 text-decoration:none;

 text-indent:0px;

 text-align:left; 

 vertical-align:top;

 

 display: block;

   

 padding:0px 0px 0px 0px !important; 

 margin: 0px 0px 0px 0px !important;

}

.smm-tags {

 font-size: 11px;

 color:#6C6FB8;

 line-height: 110%;



 font-family:Arial, sans-serif, Geneva;

 text-decoration:none;

 text-indent:0px;

 text-align:left; 

 vertical-align:top;

 

 display: block;

 

 padding:0px 0px 0px 0px !important; 

 margin: 0px 0px 0px 0px !important;

}

.smm-postinfo {

 font-size: 11px;

 color: gray;

 line-height: 110%;



 font-family:Arial, sans-serif, Geneva;

 text-decoration:none;

 text-indent:0px;

 text-align:left; 

 vertical-align:top;

 

 display: block;

   

 padding:0px !important;

 margin: 0px 0px 0px 0px !important;

}

.smm-postinfob {

 font-size: 11px;

 color: gray;

 line-height: 110%;



 font-family:Arial, sans-serif, Geneva;

 text-decoration:none;

 text-indent:0px;

 text-align:left; 

 vertical-align:top; 

 

 display: block;

   

 padding:0px !important;

 margin: 0px 0px 0px 0px !important;

}

.smm-author-bio {

 font-size: 13px;

 color: black;

 line-height: 115%;

 background:#F0F1F5; 



 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);



 font-family:Arial, sans-serif, Geneva;

 text-decoration:none;

 text-indent:0px;

 text-align:left; 

 vertical-align:top; 

 

 display: block;

 

 padding:10px 10px 10px 10px !important;

 margin: 0px 0px 0px 0px !important;

}



/* img 1 */

.smm-img {

 border: 0px;

 border-width:0px;

 border-style:none;

 position: relative;

 no-repeat center; ;

 vertical-align:top; 

 

 z-index:102 !important;

 display: table;

 clear:none;



 padding:0 !important; 

 margin: 0px 0px 0px 0px !important;

 

 outline: 0 !imoprtant;

 max-width: none !important;

 max-height: none !important;

}

/* img 2 */

.smm-imgb {

 border: 0px;

 border-width:0px;

 border-style:none;

 position: relative;

 no-repeat center; ;

 vertical-align:top; 

 

  z-index:103 !important;

 display: table;

 clear:none;



 padding:0 !important; 

 margin: 0px 0px 0px 0px !important;

 

 outline: 0 !imoprtant;

 max-width: none !important;

 max-height: none !important;

 

 

 /*specifics for the second image*/

 position:absolute;

 left:0px !important;

 top:0px !important;

 

 background-color:#ffffff;

 opacity:1;

 filter: alpha(opacity = 100);

}



.smm-galleria {

 border: 0px;

 border-width:0px;

 border-style:none;

 position: relative;

 no-repeat: center; ;

 vertical-align: top; 

 

 z-index:102 !important;

 display: inline;

 clear:none;



 padding:0 !important; 

 margin: 0px 6px 0px 0px !important;

 

 outline: 0 !imoprtant;

 max-width: none !important;

 max-height: none !important;

}



















































.smm-title {

 font-size: 18px;

 color:#BBB9C7;

 line-height: 125%;

 font-weight: bold;

 text-transform: uppercase;



 font-family:Arial, sans-serif, Geneva;

 text-decoration:none;

 text-indent:0px;

 text-align:left; 

 vertical-align:top; 



 padding:0px 0px 0px 0px !important;

 margin: 10px 0px 6px 0px !important;

}

.smm-test {

 font-size: 11px;

 color: red;

 line-height: 115%;



 font-family:Arial, sans-serif, Geneva;

 text-decoration:none;

 text-indent:0px;

 text-align:left; 

 vertical-align:top; 



 padding:0px 0px 0px 0px !important;

 margin: 0px 0px 4px 0px !important;

}

















.smm-embed-left {

 border: 0px !important; 

 float:left !important;

 background:transparent !important;

 padding:0px !important; 

 margin: 0px 10px 2px 0px !important;

}

.smm-embed-right {

 border: 0px; 

 float:right;

 background:transparent !important;

 padding:0px !important; 

 margin: 0px 0px 2px 10px !important;

}

.smm-clear {

 border: 0px !important;

 border-width:0px !important;

 border-style:none !important;

 position: relative!important;

 no-repeat center !important; 

 vertical-align:top !important; 

 

 background:transparent !important;



 clear:none !important;

 margin:0px !important;  

 padding:0px !important; 

 outline: 0 !important;

 max-width: none !important;

 max-height: none !important;



 position:absolute;

 

}











/*vertical space between posts*/

.smm-vpostspace {

 width: 100%;

 align:left; 

 vertical-align:top; 

 border: 0px; 

 max-width:100%; 

 max-height:100%;

 background:transparent !important;



 padding:0px 0px 0px 0px !important; 

 margin: 0px 0px 8px 0px !important;

}

/*horisontal space between posts*/

.smm-hpostspace {

 width:10px;

 border-width: 0px; 

 border: 0px; 

 max-width:10px;

 background:transparent !important;



 padding:0px 0px 0px 0px !important; 

 margin: 0px 0px 0px 0px !important;

}

/* vertical space between layouts*/

.smm-layoutspace {

 width:100%;

 color:#E1E3E6;

 color: gray !important;

 padding:0px 0px 0px 0px !important;

 margin: 7px 0px 16px 0px !important;

}

/*vertical space between elements*/

.smm-elementspace {

 padding:0px 0px 0px 0px !important;

 margin: 0px 0px 6px 0px !important;

}



























/* popup & overimage ---------------------------------------------------------- */

.smm-imgtext {

 /*

 text-overflow:ellipsis ;

 overflow:auto !important;

 */



 text-decoration:none!important;

 font-size: 14px;

 font-weight: bold;

 color: black;

 line-height: 110%;

 text-align:left; 

 font-family:Arial, sans-serif, Geneva;

 

 width:40%;

 height: auto;

 max-width:none !important;

 

 opacity:0.0;

 filter: alpha(opacity = 0);

   

 position:absolute;

 left:7%;

 top:10%;

 

 z-index:10002;

 display:none;



 padding: 0%;

 margin: 0px 0px 0px 0px;

}



/* popup bg */

.smm-imgbg {



 box-shadow: 0 7px 7px rgba(0, 0, 0, 0.3);



 left:2%;

 top:5%;

 

 width:50%;

 height:90%;



 border-radius: 10px;

 

 max-width:none !important;

   

 position:absolute;



 z-index:10001;

 display:none;

 

 background-color:#ffffff;

 opacity:0.0;

 filter: alpha(opacity = 0);



 padding: 0%;

 margin: 0px 0px 0px 0px;

}



.smm-icon {

 position:absolute !important;

      

 right:10% !important;

 top:50% !important;

  

 width:48px;

 height:48px;

 

 z-index:10003;

 padding: 0px;

 margin: -24px 0px 0px 0px;

   

 display:none;

}





























/*admin layout example*/

.smm-admin {

 background-color: white;

 z-index: 100;

 width: 100%;

 align:left; 

 vertical-align:top; 

 border-color:#FAFAFA;

 border-style:solid;

 border-width:10px;

 max-width:100%; 

 max-height:100%;

 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);

 padding:10px;



 position: absolute;

 left: 700px;



 padding:0px 0px 0px 0px !important; 

 margin: 0px 0px 0px 0px !important;

}