/*

Theme Name: Alanis Morisette Archives Theme 
Theme URI: http://margos.org/
Description: Exclusive by Margos
Author: Margos
Author URI: http://margos.org/

*/



/* General Elements */

@font-face {
font-family: 'Open Sans', sans-serif;
src: url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700;800&display=swap');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'fontello';
src: url('https://alanis-m.com/wp-content/themes/AMAP1//font/fontello.eot?76690475');
src: url('https://alanis-m.com/wp-content/themes/AMAP1//font/fontello.eot?76690475#iefix') format('embedded-opentype'),
 url('https://alanis-m.com/wp-content/themes/AMAP1//font/fontello.woff?76690475') format('woff'),
 url('https://alanis-m.com/wp-content/themes/AMAP1//font/fontello.ttf?76690475') format('truetype'),
 url('https://alanis-m.com/wp-content/themes/AMAP1//font/fontello.svg?76690475#fontello') format('svg');
font-weight: normal;
font-style: normal;
}

body {
margin: 0px;
font-family: Arial;
font-size: 12px;
text-align: justify;
word-spacing: 3px;
background-color: #111111;
background-image: url(https://alanis-m.com/wp-content/themes/AMAP1/images/bg1.png);
color: #292722;
background-repeat: repeat-x, repeat;
background-position: center 0px !important;
overflow-x: none;
background-attachment: scroll;
}

#container {
width: 100%;
position: relative;
font-size: 10px;
color: #666;
margin-top: 26px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
line-height: 19px;
text-align: justify;
word-spacing: 4px;
left: 0px;
}

/*This will work for firefox*/
@-moz-document url-prefix() {
#container{
margin: 0 auto;
}
}

#wrapme {
width: 1100px;
height: 871px;
overflow:hidden;
margin-left: auto;
margin-right: auto;
}

#headerone, .headerone {f
position: relative;
top: 611px;
width: 1100px;
left: 0px;
margin-left: auto;
margin-right: auto;
}

td, tr, table {
text-align: justify;
font-size: 10px;
}

a, a:visited, a:active {
color: #444;
text-decoration:none;
}

a:hover {
color: #542e0d;
text-decoration:none;
}


b, strong, bold {
}

i, em, italic {
color: #333333;
font-style:italic;
}

underline, u{
color: #FEFEFE;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #A1D8E6;
font-weight: bold;
text-decoration: none;
}

textarea {
background-color: #fafafa;
padding: 8px;
width: 500px;
font-family: Calibri, Verdana;
font-size: 12px;
color: #666666;
margin-left: 30px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999999;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}

button, submit, input, option {
background-color: #f3f3f3;
padding: 8px;
font-family: 'Open Sans', 'Trebuchet MS';
font-size: 11px;
color: #333333;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666666;
border-top-style: none;
border-right-style: none;
border-left-style: none;
text-transform: uppercase;
}

li {
list-style-type: none;
}


.demo-icon
{
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
 
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
 
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
 
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
 
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
 
/* You can be more comfortable with increased icons size */
/* font-size: 120%; */
 
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
 
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

color: #fafafa;
}


/* Header Elements */

h1 {
color: #CCC;
}

h2.widgettitle{
text-align: right;
color: #333;
font-size: 10px;
text-transform: uppercase;
width: 320px;
font-family: 'Open Sans', 'Trebuchet MS';
list-style-image: none;
list-style-type: none;
display: block;
margin-left: auto;
word-spacing: 3px;
letter-spacing: 1px;
height: 20px;
font-weight: 800;
padding-right: 15px;
padding-bottom: 5px;
}

.wtitle{
text-align: right;
color: #fff;
font-size: 12px;
text-transform: lowercase;
font-family: 'Open Sans', serif;
list-style-image: none;
list-style-type: none;
display: block;
word-spacing: 3px;
letter-spacing: 2px;
font-weight: 500;
max-width: 320px;
margin-bottom: 0px;
padding-left: 5px;
padding-top: 6px;
padding-bottom: 10px;
padding-right: 10px;
}

.wtitlelp{
text-align: center;
color: #fafafa;
font-size: 11px;
text-transform: lowercase;
font-family: 'Open Sans', serif;
list-style-image: none;
list-style-type: none;
display: block;
word-spacing: 3px;
letter-spacing: 2px;
font-weight: 700;
max-width: 320px;
margin-bottom: 0px;
background-color: rgba(255,255,255,0);
/* padding-top: 10px; */
/* padding-bottom: 30px; */
/* box-shadow: 0px 5px 0px rgba(255, 255, 255, 0.1);*/
/* text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8) */
padding-left: 5px;
padding-top: 3px;
padding-bottom: 10px;
}

h2 {
text-align:center;
color: #999999;
font-size:14px;
text-transform:lowercase;
font-family: Arial;
letter-spacing: -1px;
border-left-width: 0px;
list-style-image: none;
list-style-type: none;
background-repeat: no-repeat;
}

h3 {
margin-top: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999999;
margin-bottom: 0;
text-decoration:none;
font-weight:bolder;
margin-left: 10px;
text-transform: uppercase;
}


/* Post Elements */

div.side {
width: 366px;
background-position: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 10px !important;
padding-left: 0px;
margin-left: 0px;
}

.sidebar-box {
padding-bottom:0px;
padding-right: 10px !important;
margin-top: -14px !important;
padding-left: 0px;
width:357px;
font-size: 11px;
margin-left: -2px;
margin-right: 2px;
background-image: url(https://alanis-m.com/wp-content/themes/AMAP1/images/w1.png);
background-repeat: no-repeat;
padding-top: 400px;
}

.textwidget {
background-color: rgba(255, 255, 255, 0.9);
width: 300px;
margin-top: -3px;
color: #333;
padding: 10px;
margin-left: 22px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0);
border-top: 5px solid transparent;
border-image: url(https://alanis-m.com/wp-content/themes/AMAP1/images/border2.png) 30 stretch;
}

.textwidget a {
color: #444;
font-weight: bold;
}


.widget {
width:320px;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
margin-right: 0px;
}

#widget {
width:320px;
padding-top: 15px;
padding-bottom: 60px;
padding-right: 10px;
padding-left: 10px;
margin-left: 0px;
margin-right: 0px;
line-height: 15px;
}

.sidebar-box img{
margin-left: auto;
text-align: center;
padding: 3px;
background-color: #FFF;
}

.sidebar-box a img{
/* for IE */
filter:alpha(opacity=90);
/* CSS3 standard */
opacity:0.9;
padding: 3px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.sidebar-box a:hover img{
/* for IE */
filter:alpha(opacity=100);
/* CSS3 standard */
opacity:1.0;
padding: 3px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;

}

.sidebar-box img#link{
border: 0px;
opacity: 1;
background: transparent;
margin: 0px;
padding: 0px;}

.sidebar-box a img#link{
border: 0px;
opacity: 1;
background: transparent;
margin: 0px;
padding: 0px;
}
.sidebar-box a:hover img#link {
border: 0px;
opacity: 1;
background: transparent;
margin: 0px;
padding: 0px;
}
.sidebar-box map {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}

.aff {
display: inline-block;
text-align: center;
}

.aff a {
display: inline-block;
font-family: Arial, sans-serif;
width: 70px;
height: 30px;
line-height: 15px;
text-align: center;
font-size: 9px;
letter-spacing: 0.7px;
color: #222222;
text-transform: uppercase;
margin: 3px;
padding: 3px;
text-decoration: none;
margin-bottom: 3px;
padding-top: 5px;
background-color: #F5F5F5;
font-weight: 600;
}

.aff a:hover {
color: #1b314c;
}

.aff a b, .aff a strong, .aff b, .aff strong{
font-family: Arial, sans-serif;
text-transform: uppercase;
color: #222222;
font-size: 9px;
font-weight: 600;
letter-spacing: .5px;
box-shadow: 0px 2px 0px #879695;
text-decoration: none;
}

.aff a:hover strong {
box-shadow: 0px 2px 0px #1b314c;
}

.projects {
padding-top:10px;
padding-left:5px;
}

.content-box {
/* padding-top:-10px;
padding-left:-10px; 
padding-right:7px;*/
padding-bottom:40px;
width:718px;
margin-left: 0px;
margin-right: 9px;
margin-top: -3px !important;
background-color: #fff;
top: -200px !important;
overflow: visible;
visibility: visible;
z-index: 1000;
text-align: justify;
box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}

.ext-links:before {
content: "Gallery Links";
background-color: #e3c4a8;
display: block;
font-size: 89%;
max-width: 150px;
font-style: normal;
color: #382217;
margin-left: 8px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}

.blocks-gallery-grid, .wp-block-gallery {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 20px !important;
text-align: center;
}

.wp-block-image img {
max-width: 100%;
margin-left: auto !important;
margin-right: auto !important;
}

.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized {
display: table;
margin: auto;}

.main-content {
margin-left: 10px;
margin-right: 10px;
font-family: Arial, sans-serif;
font-size: 12px;
color: #292722;
width: 698px;
background-repeat: repeat;
padding-top: 3px;
text-align: justify;
background-color: #FFF;
}
.main-content h1 {
font-size: 14px;
font-style: italic;
color: #999999;
}

.main-content img{
padding: 4px;
box-shadow:0px 0px 7px 0px rgba(0,0,0,0.09);
margin-right: 3px;
margin-left: 3px;
background-color: #FFF;
}

.main-content a img{
/* for IE */
filter:alpha(opacity=90);
/* CSS3 standard */
opacity:0.9;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding: 4px;
box-shadow:0px 1px 1px 1px #DFDFDF;
margin-right: 3px;
margin-left: 3px;
margin-top: 5px;
}

.main-content a:hover img{
/* for IE */
filter:alpha(opacity=100);
/* CSS3 standard */
opacity:1.0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding: 4px;
box-shadow:0px 1px 2px 1px #DFDFDF;
margin-right: 3px;
margin-left: 3px;
border-radius: 2px;
-moz-border-radius: 2px;
}

/*---- GALLERY LINKS HERE---*/
.gallerylinks {
padding-top: 18px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
margin-top: 35px;
border: 1px solid #ececec;
font-family: 'Open Sans', sans-serif;
color: #676b6d;
font-size: 11px;
text-transform: capitalize;
}

.gallerylinks a {
color: #676b6d;
font-size: 11px;
font-weight: 500;
text-transform: capitalize;
}

.gallerylinks a:before {
content: "+";
color: #879695;
font-weight: 600;
font-size: 9px;
}


.gallerylinks:before {
content: "Gallery Links";
background-color: #fff;
display: block;
font-size: 12px;
max-width: 150px;
font-style: normal;
padding-top: 7px;
color: #7e869c;
margin-left: 8px;
margin-top: -38px;
text-align: center;
text-transform: lowercase;
font-family: 'Open Sans', sans-serif;
font-weight: 500;
letter-spacing: 2px;
}

.ext-links {
padding-top: 18px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
margin-top: 35px;
border: 1px solid #ececec;
font-family: 'Open Sans', sans-serif;
color: #676b6d;
font-size: 11px;
text-transform: capitalize;
}

.ext-links:before {
content: "Gallery Links";
background-color: #fff;
display: block;
font-size: 12px;
max-width: 150px;
font-style: normal;
padding-top: 7px;
color: #7e869c;
margin-left: 8px;
margin-top: -38px;
text-align: center;
text-transform: lowercase;
font-family: 'Open Sans', sans-serif;
font-weight: 500;
letter-spacing: 2px;
}

.ext-links a {
color: #676b6d;
font-size: 11px;
font-weight: 500;
text-transform: capitalize;
}

.ext-links a:before {
content: "+";
color: #879695;
font-weight: 600;
font-size: 9px;
}


/*--- MAIN HEADER ---*/
.main-header {
color: #1d1d1d;
font-family: 'Open Sans';
font-size: 12px;
text-align: center;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 2px;
display: block;
background-color:rgba(255,255,255,1);
background-blend-mode: overlay;
position: relative;
padding:10px;
margin-right: 20px;
margin-left: 20px;
}

.main-header a {
color: #1d1d1d;
font-family: 'Open Sans';
font-size: 14px;
text-align: center;
text-transform: capitalize;
vertical-align: middle;
padding-bottom: 5px;
margin-top: 0px;
margin-left: 0px;
background-color: rgba(0, 0, 0, 0.0);
padding-right: 5px;
padding-left: 5px;
font-weight: 600;
letter-spacing: 1px;
}
.welcome {
font-family: Arial;
color: #FFFFFF;
font-size:8px;
margin-bottom: -10px;
text-align: justify;
line-height: 15pt;
word-spacing: 7px;
text-transform: uppercase;
font-weight: bold;
}

.footer {
font-family: Arial;
color: #ccc;
font-size:11px;
margin-bottom: -10px;
text-align: justify;
line-height: 15pt;
word-spacing: 7px;
}

a.footer {
color: #ccc;
}

.sub-header {
font-family: 'Open Sans';
color: #333333;
border: 0px;
border-style:solid;
text-align:left;
margin-right: 0px;
font-size: 8px;
/*padding-top: 176px; */
/*padding-bottom: 5px; */
text-transform: uppercase;
/*padding-left: 70px; */
font-style: italic;
font-weight: bold;
}

p.sub-header {
font-family: 'Open Sans';
color: #333333;
background-color: #fff;
/* width: 100px; */
height: 10px;
margin-top: 156px;
margin-left: 20px;
padding: 10px;
padding-bottom: 10px;
position: absolute;
font-size: 11px;
box-shadow: 0px 0px 2px #4c4c4c;
}

div.sub-footer {
color: #676b6d;
font-family: 'Open Sans';
text-transform: uppercase;
font-size: 9px;
font-weight: 500;
text-align: right;
margin-right: 10px;
}


.sub-header a {
text-decoration:none;
font-family: 'Open Sans';
font-size: 8px;
color: #333333;
background-color: #FFF;
height: 40px;
width: 100px;
box-shadow: 0px 02px 2px #41866f;
}

.sub-header2 {
font-family: 'Open Sans';
color: #333333;
border: 0px;
border-style:solid;
text-align:right;
margin-right: 0px;
font-size: 8px;
padding-right: 9px;
padding-bottom: 5px;
padding-top: 5px;
text-transform: uppercase;
background:rgba(255,255,255,0.4);
}

.sub2 {
font-family: 'Open Sans';
color: #999999;
margin-right: 0px;
width:550px;
font-size: 8px;
padding-top: 5px;
padding-right: 0px;
padding-left: 10px;
padding-bottom: 5px;
margin-top: 0px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
background-color: #1f1f1f;
border-top-width: 1px;
border-bottom-width: 4px;
border-top-style: dotted;
border-bottom-style: solid;
border-top-color: #232323;
border-bottom-color: #eaf84f;
margin-bottom: 30px;
margin-left: 2px;
}

.sub2 a {
text-decoration:none;
font-style:normal;
font-size: 8px;
color: #E4CDFF;
}

blockquote {
padding: 15px;
margin: 20px;
border-left-width: 10px;
box-shadow:0px 0px 5px 0px rgba(0,0,0,0.07);
color: #333;
border-left: 5px solid #7e869c;
}

.postmetadata {
padding: 8px;
color:#CCCCCC;
}



/* Images */

a img {
margin:1px;
padding: 1px;
;
}

a img#link{
BORDER: 0px;
opacity: 1;
background: transparent;
margin: 0px;
padding: 0px;
}
a:hover img#link {
BORDER: 0px;
opacity: 1;
background: transparent;
margin: 0px;
padding: 0px;
}

a img#readmore{
BORDER: 0px;
opacity: 1;
background: transparent;
padding: 0px;
text-align: right;
display: block;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
box-shadow:none;
width: 100px;

}


/* Special Elements */

.lanews, a .lanews, {
/* margin-top:25px; */
text-align: justify;
text-transform: uppercase;
font-size: 11px;
color: #cdcce1;
letter-spacing: 2px;
/*padding-right: 2px;
padding-left: 50px; */
font-family: 'Open Sans';
font-weight: 800;
width: 100%;
background-color: rgba(255,255,255,0);
}

#lanews, a#lanews {
text-transform: uppercase;
}

.lanews li, .lanews a li, #lanews li, #lanews a li {
/* margin-top:25px; */
text-align: left;
text-transform: uppercase;
font-size: 9px;
color: #cdcce1;
letter-spacing: 2px;
/*padding-right: 2px;
padding-left: 50px; */
font-family: 'Open Sans';
font-weight: 800;
width: 100%;
/*background-color: rgba(255,255,255,0.2);*/
display: inline-block;
}

.menu {
/* margin-top:25px; */
padding-top:20px;
padding-bottom: 20px;
text-align: center;
text-transform: uppercase;
font-size: 11px;
color: #cdcce1;
letter-spacing: 2px;
/*padding-right: 2px;
padding-left: 50px; */
font-family: 'Open Sans';
font-weight: 800;
width: 1100px;
margin-left: auto;
margin-right:auto;
top:611px;
}

.menu a:link, .menu a:visited, .menu a:active {
font-family: 'Open Sans';
padding: 5px;
color: #fff;
font-weight:600;
}


.menu a:hover{
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
color: #fff;
letter-spacing: 2px;
}

.navigation2 {
font-size: 10px;
font-family: 'Open Sans';
margin-right: auto;
margin-left: 10px;
padding-top: 9px;
padding-right: 3px;
padding-bottom: 8px;
padding-left: 3px;
text-align: center;
text-transform: uppercase;
/* background-color: #FFF; */
color:#fff;
margin-top: 10px;
display: inline;
width: 86%;
letter-spacing: 2px;
}

.navigation2 a, .navigation2 a:active, .navigation2 a:visited {
color: #fff;
font-family: 'Open Sans';
font-size: 9px;
text-transform: uppercase;
text-decoration: none;
margin-right: 0px;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 5px;
text-align: center;
letter-spacing: 2px;
}

 .navigation2 a:hover {
color: #fafafa;
font-family: 'Open Sans', sans-serif;
font-size: 9px;
text-transform: uppercase;
text-decoration: none;
margin-right: 0px;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 5px;
text-align: center;
letter-spacing:2px;
}

.navigate {
font-size: 7px;
font-family: 'Open Sans';
margin-right: auto;
margin-left: 10px;
padding-top: 9px;
padding-right: 3px;
padding-bottom: 8px;
padding-left: 3px;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
/* background-color: #FFF; */
margin-bottom: 10px;
margin-top: 10px;
display: inline;
width: 86%;
}

.navigate a, .navigate a:active, .navigate a:visited {
color: #fff;
font-family: 'Open Sans';
font-size: 9px;
text-transform: uppercase;
text-decoration: none;
margin-right: 10px;
margin-left: 10px;
padding-top: 10px;
padding-bottom: 5px;
text-align: center;
word-spacing: 10px;
font-weight: 600;
letter-spacing:2px;
}

 .navigate a:hover {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 9px;
text-transform: uppercase;
text-decoration: none;
margin-right: 10px;
margin-left: 10px;
padding-top: 10px;
padding-bottom: 5px;
text-align: center;
letter-spacing: 2px;
font-weight:600;
}

/** NON NAVIGATION **/

img#sn{
padding-top:7px !important;
margin-top: -7px !important;
border: 0px;
opacity: 1;
background: transparent;
margin: 0px;
padding: 0px;
}

.menu2 {
padding-top:7px !important;
margin-top:7px !important;
text-align: left;
text-transform: uppercase;
font-size: 10px;
color: #33544B;
letter-spacing: 2px;
padding-right: 2px;
padding-left: 10px;
font-family: 'Open Sans';
font-style: italic;
font-weight: bold;
vertical-align: text-bottom !important;
}

.network, .network a:link, .network a:visited, .network a:active {
margin-top:5px;
text-align: center;
text-transform: uppercase;
font-size: 7px;
font-weight: lighter;
color: #FFFFFF;
letter-spacing: 2px;
}


.network a:hover{
text-transform: uppercase;
font-size: 7px;
font-weight: lighter;
color: #A6F3F4;
background-color: #1f1f1f;
letter-spacing: 2px;
}



.textwidget {
padding-right: 10px;
}

img.alignleft { float: left; margin: 5px 10px 5px 0; }

img.alignright {
float: right;
margin-top: 5px;
margin-right: 10;
margin-bottom: 15px;
margin-left: 10px;
}

img.aligncenter { margin-top:8px; margin-bottom:2px; text-align: center; display: inline-block; margin-left:auto; margin-right: auto;}

.alignleft { float: left; margin: 5px 15px 5px 0; }

.alignright { float: right; margin: 5px 10px 15px 10px; }

.aligncenter { text-align: center; margin-left: auto; margin-right: auto; }

.hidden { display: none; }


a img#icona{
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin: 0px;
padding: 0px;
}
a:hover img#icona {
BORDER: 0px;
opacity: 0;
margin: 0px;
padding: 0px;
}

/* TWITTER WIDGET */
.twitter {
font-size: 10px !important;
overflow-y: scroll;
}

/* PROJECTS 1*/

.projects {
width: 300px;
height: 120px;
position: relative;
display: table;
background: left center no-repeat;
}

.ptitle {
color: #43364E;
position: absolute;
top: 0;
left: 0;
max-width: 240px;
margin-top: 14px;
margin-left: 10px;
padding: 4px 10px;
font-family: 'Open Sans';
font-size: 10px;
font-weight: 700;
line-height: 110%;
text-transform: uppercase;
word-wrap: break-word;
display: inline-block;
background-color: rgba(255,255,255,1);
}

.pinfo {
width: 300px;
margin: 10px 0;
color: #595959;
text-shadow: 1px 1px #ffffff;
line-height: 14px;
text-align: left;
}

.ptext {
color: #000000;
background-color: #FFF;
width: auto;
text-align: left;
line-height: 22px !important;
padding: 3px;
}

.plinks {
color: #000000;
width: auto;
text-align: right;
padding-left: 0px;
display: block;
}

#projects b {
color:#333333;
font-size:12px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: -1px;
}
#projects i {
color:#aaaaaa;
letter-spacinG:1px;
font-size: 11px;
margin-right: 0px;
}
#projects a {
line-height:30px;
color:#3a1b20;
padding:5px;
font-family: 'Open Sans';
background-color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 9px;
}
#projects a:hover {
font-family: 'Open Sans';
color: #282848;
background-color: #fff;
}
#projects span {
font-size:11px;
text-align: left !important;
padding-right: 5px;
}
#projects blockquote {
margin-top: 10px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 3px;
padding-top: 14px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 0px;
color: #333;
box-shadow:none;
line-height: 14px;
background-color: transparent;
border: none;
}
#projects img {
border-radius: 50px;
-moz-border-radius: 50px;
margin-top: 10px;
margin-right: 3px;
margin-bottom: 3px;
margin-left: 10px;
box-shadow:0px 0px 2px 2px ##DFDFDF;
background-color: #FFF;
padding: 4px;
}

#projects img#icona{
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin: 0px;
padding: 0px;
background-color: transparent !important;
}
#projects:hover img#icona {
BORDER: 0px;
opacity: 0;
margin: 0px;
padding: 0px;
}


/* PROJECTS 2*/

.projects2 {
width: 300px;
height: 120px;
position: relative;
display: table;
border: 1px solid #3434;
background-color: rgba(0,0,0,0.9);
}

.titlepr, #titlepr {
color: #fff;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0);
box-shadow: 0px 2px 0px rgba(255, 255, 255, 0);
font-family: 'Open Sans';
}

#highlight{
color: #a4b0d2;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0);
box-shadow: 0px 2px 0px rgba(255, 255, 255, 0);
position: absolute;
top: 0;
left: 0;
max-width: 290px;
margin-top: 42%;
margin-left: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 24px;
text-transform: lowercase;
word-wrap: break-word;
display: inline-block; background-color: rgba(0, 0, 0, 1);
padding-left: 5px;
padding-right: 5px;
}

#centerthis {
text-align: center;
display:block;
}

#projbod {
padding: 10px;
}


#prbod {
color: #ccc;
width: auto;
text-align: justify;
line-height: 22px !important;
padding: 10px;
display:block;
}

#links {
color: #fafafa;
width: auto;
/* text-align: right; */
padding-left: 0px;
display: inline-block;
/*padding: 3px; */
text-align: center;
}

#links a {
line-height: 30px;
color: #ccc;
font-family: 'Open Sans';
font-weight: 600;
text-transform: uppercase;
font-size: 8px;
letter-spacing: 2px;
border: 1px solid #555;
padding-left: 7px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}

#links a:hover {
font-family: 'Open Sans';
color: #535c55;
background-color: #879695;
border: 1px solid #879695;
padding-left: 7px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
letter-spacing: 2px;
}

#prbod b {
color:#333333;
font-size:12px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: -1px;
}
#prbod i {
color:#aaaaaa;
letter-spacinG:1px;
font-size: 11px;
margin-right: 0px;
}
#prbod a {
line-height:30px;
color:#3a1b20;
padding:5px;
font-family: 'Open Sans';
background-color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 9px;
}
#prbod a:hover {
font-family: 'Open Sans';
color: #282848;
background-color: #fff;
}
#prbod span {
font-size:11px;
padding-right: 5px;
}
#prbod blockquote {
margin-top: 10px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 3px;
padding-top: 14px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 0px;
color: #333;
box-shadow:none;
line-height: 14px;
background-color: transparent;
border: none;
}
#prbod img {
border-radius: 50px;
margin-top: 10px;
margin-right: 3px;
margin-bottom: 3px;
margin-left: 10px;
box-shadow:0px 0px 2px 2px #DFDFDF;
background-color: #FFF;
padding: 4px;
}

#prbod img#icona{
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin: 0px;
padding: 0px;
background-color: transparent !important;
}
#prbod:hover img#icona {
BORDER: 0px;
opacity: 0;
margin: 0px;
padding: 0px;
}



/* LATEST PICS */

#lp img {
background-color:rgba(255,255,255,0.5);
}

#lp a img{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding: 3px;
margin-right: 2px;
margin-left: 2px;
background-color:rgba(255,255,255,0.5);
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}

#lp a:hover img{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding: 3px;
margin-right: 2px;
margin-left: 2px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

.insta a img{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding: 4px;
margin-right: 5px;
margin-left: 5px;
background-color:rgba(255,255,255,0.5);
}

.insta a:hover img{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding: 4px;
margin-right: 5px;
margin-left: 5px;
background-color:rgba(255,255,255,0.5);
}

.jr-insta-thumb ul.thumbnails li img {
max-width: 80% !important;
}

#sb_instagram img {
display: block;
padding: 0 !important;
margin: 0 !important;
max-width: 40px !important;
opacity: 1 !important;
}

#sb_instagram .sbi_photo img {
display: block;
width: 40px;
height: auto;
}

div#sb_instagram.sbi.sbi_fixed_height.sbi_col_5.sbi_small {
padding-bottom: 0px;
overflow: hidden;
}

a img.thumbnail {
padding: 2px;
margin-right: 3px;
margin-left: 3px;
}

a:hover img.thumbnail{
padding: 2px;
margin-right: 3px;
margin-left: 3px;
}

img.feat {
background-image: url(https://alanis-m.com/wp-content/themes/AMAP1/images/cover.png);
background-position: center bottom;
height: 200px;
width: 718px;
z-index: 9;
bottom: 0px;
overflow: visible;
background-repeat: no-repeat;
}

#feat {
height: 200px;
background-image: url(https://alanis-m.com/wp-content/themes/AMAP1/images/cover.png);
width: 718px;
margin-bottom: 0px;
border-radius:0px 0px 0px 0px;
}

#cover {
height: 200px;
width: 718px;
background-image: url(https://alanis-m.com/wp-content/themes/AMAP1/images/topcover.png);
background-position: center bottom;
position: relative;
overflow: visible;
z-index: 10;
bottom: 0px;
background-repeat: no-repeat;
}

img.wp-post-image {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	bottom: 0px;
	z-index: 1;
	width:100%;
	height:100%;
	object-fit: cover;
}

img.attachment-mndvault-video-thumb.size-mndvault-video-thumb.wp-post-image {
width: 100%;
height: auto;
}


img.attachment-thumbnail {
height: 190px;
width: 641px;
margin: 0px;
padding-right: 0px;
z-index: 1;
}
img.attachment-medium {
height: 190px;
padding-right: 0;
width: 641px;
z-index: 9;
overflow: hidden;
}
img.attachment-large {
height: 190px;
padding-right: 0;
width: 641px;
z-index: 9;
overflow: hidden;
}
img.attachment-full {
height: 190px;
padding-right: 0;
width: 641px;
z-index: 9;
overflow: hidden;
}


/* READ MORE*/

a.more{
padding-right:10px;

}

a.more-link{
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
word-spacing: normal;
color: #9F6B83;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 250px;
font-family: 'Open Sans';
font-style: italic;
}

/*SEARCH*/
#searchform div{
margin-left: -8px;
padding-top: 20px;
padding-right: 0px;
width: 200px;
margin-right: 0px;
margin-bottom: 0px;
padding-left: 10px;
margin-top: -28px;
}

#s {
font-weight: bold;
font-family: 'Open Sans';
font-size: 10px;
width: 230px;
color: #C2C1D7;
background-repeat: repeat-y;
background-position: right;
background-color: #f3f3f3;
text-align: justify;
letter-spacing: 2px;
}


/*SMILEYS*/

#wp-smiley {
background-color: #232323 !important;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
box-shadow:0px 0px 0px 0px #232323;
}

.wp-smiley {
background-color: #232323 !important;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
box-shadow:0px 0px 0px 0px #232323;
}


/* --- NAGIVATION --- */
div.navigation {
text-transform: uppercase;
font-size: 8px;
padding-bottom: 30px;
font-weight: 600;
}

div.alignleft {
background-color: rgba(255, 255, 255, 0);
padding: 5px;
margin-left: 10px;
}

div.alignright {
background-color: rgba(255, 255, 255, 0);
padding: 5px;
margin-right: 5px;
}

.alignleft a , .alignright a {
color: #1c2126 !important;
letter-spacing: 1px;
font-size: 9px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight: 500;
}


/* --- TWITTER GADGET --- */

p.e-entry-title {
text-transform: uppercase !important;
font-family: 'Open Sans';
font-size: 10px !important;
font-weight: 400 !important;
background-color: rgba(255, 255, 255, 0) !important;
}


#twitter .twiget-feed {
padding: 2px !important;
width: 360px;
margin-left:-40px;
overflow-y: scroll;
overflow-x: hidden;
margin-top: -60px;
}

#twitter .twiget-feed li {
padding: 5px;
font-family: Arial;
font-size: 10px;
line-height: 11pt;
margin-bottom: 5px;
color: #ffffff;
-webkit-transition: all 250ms linear;
-moz-transition: all 250ms linear;
-ms-transition: all 250ms linear;
-o-transition: all 250ms linear;
transition: all 250ms linear;
text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
background-color: rgba(0,0,0,0);
}

#twitter .twiget-feed li:hover {
padding: 5px;
font-family: Arial;
font-size: 10px;
line-height: 11pt;
margin-bottom: 5px;
color: #ffffff;
-webkit-transition: all 250ms linear;
-moz-transition: all 250ms linear;
-ms-transition: all 250ms linear;
-o-transition: all 250ms linear;
transition: all 250ms linear;
text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
}

#twitter .twiget-feed a {
color: #9784B0;
font-weight: 800;
}


.twiget-feed {
margin: auto;
padding: 5px 5px 5px 0px;
overflow:auto;
}
.twiget-tweet img {
float: left;
border: none !important;
margin: 4px 5px 0 0 !important;
display: block !important;
}
.twiget-feed a {
display: inline !important;
}
.twigetfollow {
margin-top: 5px;
text-align: right;
display:none;
}
.twiget-widget ul li {
border-bottom: 1px solid #bbe2de;
padding: 6px 0;
}
.twiget-meta {
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: right;
}
.tweet-wrap li:before,
.tweet-wrap li:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.tweet-wrap li:after {
clear: both
}
.tweet-bio {
padding: 4px 0;
}


p.twiget-tweet {
padding-right: 5px;
}


/* --- RESPONSIVENESS --- */

@media ( max-width: 750px ) {

body {
margin: 0px;
font-family: Arial;
font-size: 12px;
text-align: justify;
word-spacing: 3px;
background-image: url(https://alanis-m.com/wp-content/themes/AMAP1/images/mobile.png);
color: #292722;
background-repeat: no-repeat;
background-position: center 0px !important;
background-attachment: fixed;
overflow-x: none;
background-size: 100vw !important;
background-color: #252625;
}

#container {
width: 100% !important;
overflow:visible !important;
}

#wrapme {
width: auto !important;
/* content: 'viewport-units-buggyfill; top: 100vh;'; */
overflow:visible;
}

#wrapmepls, #headerone, .headerone {
margin-top: 6px;
margin-bottom:-10px;
width: 100% !important;
display:block;
overflow: hidden;
visibility: hidden;
}

#headerone, .headerone, .lanews, #lanews {
visibility: hidden;
}

#header, .header{
top: 0px !important;
width: 410px !important;
}

.Head1, #Head1 {
width: 100% !important;
}

.menu, .menu a:link, .menu a:visited, .menu a:active {
width: 100vw !important;
font-size: 9px;
top: 551px;
color: #26364f;
font-weight: 600;
}

.navigation1 {
text-align: justify;
display: block;
letter-spacing: 2px;
margin-left: -20px;
margin-top: -7px;
width: 80vw !important;
}


 .demo-icon
{
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
 
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
 
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
 
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
 
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
 
/* You can be more comfortable with increased icons size */
/* font-size: 120%; */
 
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
 
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

color: #26364f;
}


table.contenido, table#contenido {
top: 0px;
width: 80% !important;
background-color: #F2F2F2 !important;
background-image: none !important;
overflow-x:hidden !important;
box-shadow: 0px 0px 10px #dbdbdb;
overflow:hidden;
}

div.side {
visibility: hidden;
width: 0px !important;
}

.sidebar-box {
visibility: hidden;
width:0px !important;
}

.newscontent, #newscontent {
/* padding-top: 10px; */
padding-bottom: 20px;
padding-left: 0px;
padding-right: 10px;
width: 100vw !important;
margin-left: -7px;
margin-top: 0px !important;
/* background-color: #fff; */
top: -200px !important;
overflow: visible;
visibility: visible;
z-index: 1000;
text-align: justify;
/*box-shadow: 0px 0px 10px #eeeeee;*/
display: inline-block;
/* margin-right: -20px; */
}

.cont, #cont {
padding-top:-10px;
padding-bottom:20px;
padding-left:-10px;
padding-right:0px;
width:100vw;
margin-left: 6px;
margin-top: 0px !important;
}

.content-box {
padding-top:-10px;
padding-bottom:20px;
padding-left:-10px;
padding-right:0px;
width: 97vw;
/* margin-left: 6px; */
margin-top: 0px !important;
background-color: #fff;
top: -200px !important;
overflow: visible;
visibility: visible;
z-index: 1000;
text-align: justify;
box-shadow: 0px 0px 10px #eeeeee;
}

.main-content {
margin-left: auto;
font-family: Arial, sans-serif;
font-size: 11px;
color: #292722;
width: 95%;
background-repeat: repeat;
padding-top: 3px;
text-align: justify;
background-color: #FFF;
line-height: 18px;
}

.main-content a img {
padding: 4px;
box-shadow:0px 0px 2px 0px rgba(0,0,0,0.09);
margin-right: 3px;
margin-left: 3px;
background-color: #FFF;
margin-top: 5px;
/*width: 91%;
height: 91%;*/
}



img.feat {
background-image: url(https://alanis-m.com/wp-content/themes/AMAP1/images/cover.png);
background-position: center bottom;
width: 100%;
z-index: 9;
bottom: 0px;
overflow: visible;
background-repeat: no-repeat;
background-size: 100% !important;
}

#feat {
background-image: url(https://alanis-m.com/wp-content/themes/AMAP1/images/cover.png);
width: 100%;
margin-bottom: 0px;
border-radius:0px 0px 0px 0px;
background-size: 100% !important;
height: 90px;
}

#cover {
width: 100%;
background-image: url(https://alanis-m.com/wp-content/themes/AMAP1/images/topcover.png);
background-position: center bottom;
position: relative;
overflow: visible;
z-index: 10;
bottom: 0px;
background-repeat: no-repeat;
}

img.wp-post-image {
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
bottom: 0px;
z-index: 1;
width: 100% !important;
height: auto;
}

img.attachment-mndvault-video-thumb.size-mndvault-video-thumb.wp-post-image {
width: 100%;
height: auto;
}


.sub-header {
font-family: 'Open Sans';
color: #666666;
border: 0px;
border-style:solid;
text-align:right;
width:98%;
font-size: 8px;
height: 10px;
margin-top: 20px;
text-transform: uppercase;
font-weight: bold;
}

table.pie, table#pie {
top: 0px;
width: 100% !important;
overflow: hidden;
}

td.pieimg, td#pieimg {
top: 0px;
width: 400px !important;
overflow: hidden;
}

.navigation2 {
font-size: 9px;
font-family: 'Open Sans';
margin-right: auto;
margin-left: auto;
padding-top: 5px;
padding-right: 3px;
padding-bottom: 5px;
padding-left: 3px;
text-align: center;
text-transform: uppercase;
background-color: #FFF;
margin-top: 10px;
display: block;
width: 86%;
letter-spacing: 2px;
color: #26364f;
}

.navigation2 a, .navigation2 a:active, .navigation2 a:visited {
color: #26364f;
font-family: 'Open Sans';
font-size: 9px;
text-transform: uppercase;
text-decoration: none;
margin-right: 0px;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 5px;
text-align: center;
letter-spacing: 2px;
font-weight: 600;
}

 .navigation2 a:hover {
color: #26364f;
font-family: 'Lato', sans-serif;
font-size: 9px;
text-transform: uppercase;
text-decoration: none;
-moz-border-radius:10px;
margin-right: 0px;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 5px;
text-align: right;
word-spacing: 10px;
letter-spacing:2px;
}

.navigate {
font-size: 9px;
font-family: 'Open Sans';
margin-right: auto;
margin-left: auto;
padding-top: 5px;
padding-right: 3px;
padding-bottom: 5px;
padding-left: 3px;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #FFF;
margin-bottom: 10px;
margin-top: 10px;
display: block;
width: 86%;
}

.navigate a, .navigate a:active, .navigate a:visited {
color: #26364f;
font-family: 'Open Sans';
font-size: 9px;
text-transform: uppercase;
text-decoration: none;
-moz-border-radius:10px;
margin-right: 10px;
margin-left: 10px;
padding-top: 10px;
padding-bottom: 5px;
text-align: center;
word-spacing: 10px;
font-weight: 600;
letter-spacing:2px;
}

 .navigate a:hover {
color: #26364f;
font-family: 'Lato', sans-serif;
font-size: 9px;
text-transform: uppercase;
text-decoration: none;
-moz-border-radius:10px;
margin-right: 10px;
margin-left: 10px;
padding-top: 10px;
padding-bottom: 5px;
text-align: right;
letter-spacing: 2px;
font-weight:600;
}

a img#readmore{
BORDER: 0px;
opacity: 1;
background: transparent;
padding: 0px;
text-align: right;
display: block;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
box-shadow:none;
width: 100px;

}

}

/* --- RESPONSIVENESS 540 --- */

@media ( max-width: 540px ) {

body {
margin: 0px;
font-family: Arial;
font-size: 12px;
text-align: justify;
word-spacing: 3px;
background-image: url(https://alanis-m.com/wp-content/themes/AMAP1/images/mobile.png);
color: #292722;
background-repeat: no-repeat;
background-position: center 0px !important;
background-attachment: scroll;
overflow-x: none;
background-size: 150vw !important;
background-color: #dbbfaf;
}

#container {
width: 100% !important;
overflow:visible !important;
}

#wrapme {
width: auto !important;
/* margin-top:!important; 
content: 'viewport-units-buggyfill; top: 100vh;'; */
overflow:visible;
}

#wrapmepls {
margin-top: 6px;
margin-bottom:-10px;
width: 100% !important;
display:block;
overflow: hidden;
}

#header, .header{
top: 0px !important;
width: 410px !important;
}

.Head1, #Head1 {
width: 100% !important;
}

.menu, .menu a:link, .menu a:visited, .menu a:active {
width: 100vw !important;
font-size: 9px;
top:551px;
color: #26364f;
}

#menu{
top:561px;
}
.navigation1 {
text-align: justify;
display: block;
letter-spacing: 2px;
margin-left: -20px;
margin-top: -7px;
width: 80vw !important;
}

table.contenido, table#contenido {
top: 0px;
width: 80% !important;
background-color: #F2F2F2 !important;
background-image: none !important;
overflow-x:hidden !important;
overflow:hidden;
}

div.side {
visibility: hidden;
width: 0px !important;
}

.sidebar-box {
visibility: hidden;
width:0px !important;
}

.newscontent, #newscontent {
/* padding-top: 10px; */
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
width: 100vw !important;
margin-top: 5px !important;
background-color: #fff;
top: -200px !important;
overflow: visible;
visibility: visible;
z-index: 1000;
text-align: justify;
display: inline-block;
margin-left: -15px;
}


img.feat {
background-image: url(https://alanis-m.com/wp-content/themes/AMAP1/images/cover.png);
background-position: center bottom;
width: 100%;
z-index: 9;
bottom: 0px;
overflow: visible;
background-repeat: no-repeat;
background-size: 100% !important;
}

#feat {
background-image: url(https://alanis-m.com/wp-content/themes/AMAP1/images/cover.png);
width: 100%;
margin-bottom: 0px;
border-radius:0px 0px 0px 0px;
background-size: 100% !important;
height: 90px;
}

#cover {
width: 100%;
background-image: url(https://alanis-m.com/wp-content/themes/AMAP1/images/topcover.png);
background-position: center bottom;
position: relative;
overflow: visible;
z-index: 10;
bottom: 0px;
background-repeat: no-repeat;
}

img.wp-post-image {
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
bottom: 0px;
z-index: 1;
width: 100% !important;
height: auto;
}

.cont, #cont {
padding-top:-10px;
padding-bottom:20px;
padding-left:-10px;
padding-right:0px;
width:100vw;
margin-left: 6px;
margin-top: 0px !important;
}

.content-box {
padding-top:-10px;
padding-bottom:20px;
padding-left:-10px;
padding-right:0px;
width: 95vw;
/* margin-left: 6px; */
margin-top: 0px !important;
background-color: #fff;
top: -200px !important;
overflow: visible;
visibility: visible;
z-index: 1000;
text-align: justify;
}

.main-content {
margin-left: auto;
font-family: Arial, sans-serif;
font-size: 11px;
color: #292722;
width: 95%;
background-repeat: repeat;
padding-top: 3px;
text-align: justify;
background-color: #FFF;
line-height: 18px;
}

.main-content a img {
filter: alpha(opacity=90);
opacity: 0.9;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding: 4px;
box-shadow: 0px 1px 1px 1px #DFDFDF;
margin-right: 3px;
margin-left: 3px;
margin-top: 5px;
background-color: #FFFFFF;
/*width: 91%;
height: 91%;*/
}

.sub-header {
font-family: 'Open Sans';
color: #666666;
border: 0px;
border-style:solid;
text-align:right;
width:98%;
font-size: 8px;
height: 10px;
margin-top: 20px;
text-transform: uppercase;
font-weight: bold;
}

table.pie, table#pie {
top: 0px;
width: 100% !important;
overflow: hidden;
}

td.pieimg, td#pieimg {
top: 0px;
width: 400px !important;
overflow: hidden;
}

.navigation2 {
font-size: 9px;
font-family: 'Open Sans';
margin-right: auto;
margin-left: auto;
padding-top: 5px;
padding-right: 3px;
padding-bottom: 5px;
padding-left: 3px;
text-align: center;
text-transform: uppercase;
background-color: #FFF;
margin-top: 10px;
display: block;
width: 86%;
letter-spacing: 2px;
color: #26364f;
}

.navigation2 a, .navigation2 a:active, .navigation2 a:visited {
color: #26364f;
font-family: 'Open Sans';
font-size: 9px;
text-transform: uppercase;
text-decoration: none;
margin-right: 0px;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 5px;
text-align: center;
letter-spacing: 2px;
font-weight: 600;
}

 .navigation2 a:hover {
color: #26364f;
font-family: 'Lato', sans-serif;
font-size: 9px;
text-transform: uppercase;
text-decoration: none;
-moz-border-radius:10px;
margin-right: 0px;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 5px;
text-align: right;
word-spacing: 10px;
letter-spacing:2px;
}

.navigate {
font-size: 9px;
font-family: 'Open Sans';
margin-right: auto;
margin-left: auto;
padding-top: 5px;
padding-right: 3px;
padding-bottom: 5px;
padding-left: 3px;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #FFF;
margin-bottom: 10px;
margin-top: 10px;
display: block;
width: 86%;
}

.navigate a, .navigate a:active, .navigate a:visited {
color: #26364f;
font-family: 'Open Sans';
font-size: 9px;
text-transform: uppercase;
text-decoration: none;
-moz-border-radius:10px;
margin-right: 10px;
margin-left: 10px;
padding-top: 10px;
padding-bottom: 5px;
text-align: center;
word-spacing: 10px;
font-weight: 600;
letter-spacing:2px;
}

 .navigate a:hover {
color: #26364f;
font-family: 'Lato', sans-serif;
font-size: 9px;
text-transform: uppercase;
text-decoration: none;
-moz-border-radius:10px;
margin-right: 10px;
margin-left: 10px;
padding-top: 10px;
padding-bottom: 5px;
text-align: right;
letter-spacing: 2px;
font-weight:600;
}

a img#readmore{
BORDER: 0px;
opacity: 1;
background: transparent;
padding: 0px;
text-align: right;
display: block;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
box-shadow:none;
width: 100px;

}

}