/* mimariage_min.css - consolidated minimal CSS for index.html Built from: mimariage_style.css (imports stripped) + mimariage_shortcodes.css + mimariage_menu.css + mimariage_font.css + mimariage_responsive.css Note: Revolution Slider CSS (css/revslider/settings.css) is NOT included; keep it if you continue using the slider. */ /* Author: mimariage Author URI: http://www.mimariagethemes.com/ */ /* stripped import */ /* stripped import */ /* stripped import */ /* stripped import */ /* stripped import */ /* stripped import */ /**************************************************************************** Table of Content *************************************************************************** SOME BASIC CLASSES 1- body 2-container 3-site 4-section 5-grid 6-width section 7-headings tag 8-form elements 9-parallax section /* 1- START mimariage FRAMEWORK*/ body{ margin:0px; padding:0px; overflow-x:hidden; background-color: #ccc; } body.mimariage_boxed_img{ background-image: url(../img/slide/img1.jpg) !important; background-size: cover; background-attachment: fixed; } body.mimariage_boxed_pattern{ background-image: url(../img/patterns/img1.html) !important; background-attachment: fixed; } /* 2 - CONTAINER */ .mimariage_container{ width:1200px; margin:auto; padding: 0px; } .mimariage_size_extrabig .mimariage_container { width:1160px; } .mimariage_clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } /* 3- START mimariage_SITE*/ .mimariage_site{ float: left; width: 100%; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } .mimariage_site > .mimariage_site_fullwidth{ float: left; width: 100%; background-color: #fff; } .mimariage_site > .mimariage_site_boxed{ width:1220px; margin:auto; padding: 0px; background-color: #fff; } /*START mimariage_SITE*/ /* 4 - START mimariageSECTION*/ .mimariage_section{ width: 100%; float: left; } /*.mimariage_section.mimariage_imgparallax{ background: url(../img/img3.jpg) 50% 0 fixed; background-size: cover;}*/ /*END mimariageSECTION*/ /* 5 - START mimariageGRID*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12{ padding:10px; float:left; display:inline; box-sizing:border-box; -moz-box-sizing:border-box; } .grid.nomargin{ margin: 0px; padding: 10px; } .grid.percentage{ margin: 0px; padding: 0px; } .grid_12.percentage {width:100%;} .grid_6.percentage {width:50%;} .grid_4.percentage {width:33.33%;} .grid_3.percentage {width:25%;} .grid_2.percentage {width:16.66%;} .grid_8.percentage {width:66.66%;} .grid_9.percentage {width:75%;} /*size*/ .grid_1 {width:100px;} .grid_2 {width:200px;} .grid_3 {width:300px;} .grid_4 {width:400px;} .grid_5 {width:500px;} .grid_6 {width:600px;} .grid_7 {width:700px;} .grid_8 {width:800px;} .grid_9 {width:900px;} .grid_10 {width:1000px;} .grid_11 {width:1100px;} .grid_12 {width:1200px;} /*END mimariageGRID*/ /* 6 - START NIKDARKWIDTHPERCENTAGE*/ .mimariage_width_percentage1{ width: 1% !important; } .mimariage_width_percentage10{ width: 10% !important; } .mimariage_width_percentage20{ width: 20% !important; } .mimariage_width_percentage25{ width: 25% !important; } .mimariage_width_percentage30{ width: 30% !important; } .mimariage_width_percentage40{ width: 40% !important; } .mimariage_width_percentage50{ width: 50% !important; } .mimariage_width_percentage60{ width: 60% !important; } .mimariage_width_percentage70{ width: 70% !important; } .mimariage_width_percentage80{ width: 80% !important; } .mimariage_width_percentage90{ width: 90% !important; } .mimariage_width_percentage100{ width: 100% !important; } /*END NIKDARKWIDTHPERCENTAGE*/ /* START MAX WIDTH*/ .mimariage_maxwidth_400{ max-width: 400px !important; } .mimariage_maxwidth_500{ max-width: 500px !important; } .mimariage_maxwidth_600{ max-width: 600px !important; } .mimariage_maxwidth_700{ max-width: 700px !important; } .mimariage_maxwidth_800{ max-width: 800px !important; } .mimariage_maxwidth_900{ max-width: 900px !important; } /*END MAX WIDTH*/ /* 7 - START mimariageTEXT*/ p,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight: normal; } /*font*/ h1,h2,h3,h4,h5,h6,input[type="text"],textarea,select{ font-family: 'Cinzel', sans-serif; color: #a4a4a4; font-weight: 300; } h1.subtitle,h2.subtitle,h3.subtitle,h4.subtitle,h5.subtitle,h6.subtitle,input[type="text"].subtitle,textarea.subtitle,select.subtitle, span.subtitle{ font-family: 'Halant', serif; color:#c9c9c9; } h1.signature,h2.signature,h3.signature,h4.signature,h5.signature,h6.signature, span.signature{ font-family: 'Great Vibes', cursive; } /*color*/ p.white,h1.white,h2.white,h3.white,h4.white,h5.white,h6.white,a.white,i.white,span.white, input[type="text"].white, textarea.white, input[type="submit"].white, select.white{ color:#ffffff; } p.grey,h1.grey,h2.grey,h3.grey,h4.grey,h5.grey,h6.grey,a.grey,i.grey,span.grey, input[type="text"].grey, textarea.grey, input[type="submit"].grey, select.grey, pre.grey{ color:#c9c9c9; } p.greydark,h1.greydark,h2.greydark,h3.greydark,h4.greydark,h5.greydark,h6.greydark,a.greydark,i.greydark,span.greydark, input[type="text"].greydark, textarea.greydark, input[type="submit"].greydark, select.greydark{ color:#6c6975; } p.greydark2,h1.greydark2,h2.greydark2,h3.greydark2,h4.greydark2,h5.greydark2,h6.greydark2,a.greydark2,i.greydark2,span.greydark2, input[type="text"].greydark2, textarea.greydark2, input[type="submit"].greydark2, select.greydark2{ color:#353b3d; } p.green,h1.green,h2.green,h3.green,h4.green,h5.green,h6.green,a.green,i.green,span.green, input[type="text"].green, textarea.green, input[type="submit"].green, select.green{ color:#c2e4cb; } p.greendark,h1.greendark,h2.greendark,h3.greendark,h4.greendark,h5.greendark,h6.greendark,a.greendark,i.greendark,span.greendark, input[type="text"].greendark, textarea.greendark, input[type="submit"].greendark, select.greendark{ color:#afceba; } p.blue,h1.blue,h2.blue,h3.blue,h4.blue,h5.blue,h6.blue,a.blue,i.blue,span.blue, input[type="text"].blue, textarea.blue, input[type="submit"].blue, select.blue{ color:#aecacc; } p.violet,h1.violet,h2.violet,h3.violet,h4.violet,h5.violet,h6.violet,a.violet,i.violet,span.violet, input[type="text"].violet, textarea.violet, input[type="submit"].violet, select.violet{ color:#c4afce; } p.yellow,h1.yellow,h2.yellow,h3.yellow,h4.yellow,h5.yellow,h6.yellow,a.yellow,i.yellow,span.yellow, input[type="text"].yellow, textarea.yellow, input[type="submit"].yellow, select.yellow{ color:#cecdaf; } p.orange,h1.orange,h2.orange,h3.orange,h4.orange,h5.orange,h6.orange,a.orange,i.orange,span.orange, input[type="text"].orange, textarea.orange, input[type="submit"].orange, select.orange{ color:#e3bea5; } p.red,h1.red,h2.red,h3.red,h4.red,h5.red,h6.red,a.red,i.red,span.red, input[type="text"].red, textarea.red, input[type="submit"].red, select.red{ color:#c792a2; } /*align*/ p.center,h1.center,h2.center,h3.center,h4.center,h5.center,h6.center,i.center{ text-align: center; } p.right,h1.right,h2.right,h3.right,h4.right,h5.right,h6.right, span.right{ float: right; } /*size*/ p{ font-size:16px; line-height: 22px; color:#c9c9c9; font-family: 'Halant', serif; font-weight: 300; } p.title{ font-family: 'Cinzel', sans-serif !important; font-weight: 300; } h1{ font-size: 30px; line-height: 30px; font-weight: 300; } h1.extrasize{ font-size: 45px; line-height: 45px; } h1.exxtrasize{ font-size: 60px; line-height: 60px; } h2{ font-size: 25px; line-height: 25px; font-weight: 300; } h3{ font-size: 20px; line-height: 20px; font-weight: 300; } h3 span.big{ font-size: 40px; } h4{ font-size: 17px; line-height: 17px; font-weight: 300; } h5{ font-size: 15px; line-height: 15px; font-weight: 300; } h6{ font-size: 14px; line-height: 14px; font-weight: 300; } a{ text-decoration: none; color: #a4a4a4; font-weight: 300;} /*pre*/ pre{ overflow: auto; float: left; width: 100%; margin:0px; padding: 0px; } pre p{ font-family: monospace; font-size: 13px; line-height: 22px; } /*END mimariageTEXT*/ /* 8 - START mimariageFORMELEMENTS*/ input[type="text"]{ float: left; border: 0; outline: 0; } input[type="number"]{ color: #c9c9c9; } textarea{ float: left; border: 0; outline: 0; } select{ float: left; border: 0; outline: 0; width: 100%; -webkit-appearance: none; cursor: pointer; border-radius: 0px; } input[type="submit"]{ cursor: pointer; outline: 0; border: 0; font-weight: 300; } /*size*/ input[type="text"].small, textarea.small { font-size: 15px; width: 100%; padding: 10px 20px; box-sizing:border-box; } input[type="text"].medium, textarea.medium { font-size: 17px; width: 100%; padding: 10px 20px; box-sizing:border-box; } input[type="text"].big, textarea.big { font-size: 17px; width: 100%; padding: 15px 20px; box-sizing:border-box; } /*size select*/ select.small { font-size: 15px; padding: 10px 20px; box-sizing:border-box; } select.medium { font-size: 17px; padding: 10px 20px; box-sizing:border-box; } select.big { font-size: 17px; padding: 15px 20px; box-sizing:border-box; } /*placeholder*/ ::-webkit-input-placeholder { color: #fff; } /*END mimariageFORMELEMENTS*/ /*********************************************CUSTOM FOR FASHION*************************************************************/ /* 9 - START CLASS FOR PARALLAX SECTION*/ .mimariage_parallax_img2 { background:url(../img/slide/2/img2.html) 50% 0 fixed; background-size:cover; } .mimariage_parallax_img3 { background:url(../img/slide/img3.jpg) 50% 0 fixed; background-size:cover; } .mimariage_parallax_img1 { background:url(../img/img2.html) 50% 0 fixed; background-size:cover; } .mimariage_parallaxx_img1 { background: url(../img/parallax/img1.html) 50% 0 fixed; background-size:cover; } .mimariage_parallaxx_img2 { background: url(../img/parallax/img2.html) 50% 0 fixed; background-size:cover; } .mimariage_parallaxx_img3 { background: url(../img/parallax/img3.html) 50% 0 fixed; background-size:cover; } .mimariage_parallaxx_img5 { background: url(../img/parallax/img5.html) 50% 0 fixed; background-size:cover; } .mimariage_parallaxx_img6 { background: url(../img/parallax/img6.html) 50% 0 fixed; background-size:cover; } .mimariage_parallaxx_img7 { background: url(../img/parallax/img7.html) 50% 0 fixed; background-size:cover; } .mimariage_parallaxx_img8 { background: url(../img/parallax/img8.html) 50% 0 fixed; background-size:cover; } /*END CLASS FOR PARALLAX SECTION*/ /*START CUSTOM CLASS TO AVOID INLINE CSS*/ .mimariage_width190 { width: 190px; } .mimariage_width80 { width: 80px; } .mimariage_width70 { width: 70px; } .mimariage_width60 { width: 60px; } .mimariage_width50 { width: 50px; } .mimariage_facebook { background-color:#5977b8; box-shadow:0px 4px 0px 0px #4c67a1; } /*END CUSTOM CLASS TO AVOID INLINE CSS*/ /*GMAPS*/ .gm-style div *{ box-shadow: 0px 0px 0px 0px #000 !important; border-radius: 0px !important; } .infoBox > img{ position: absolute !important; right:0; } @media only screen and (min-width: 480px) and (max-width: 767px) { .infoBox > img{ display: none; } } @media only screen and (min-width: 320px) and (max-width: 479px){ .infoBox > img{ display: none; } } #map-canvas { width:100%; height:600px; float:left; margin:0px; padding:0px; } /*********************************************ONLY FOR DEMO*************************************************************/ .mimariage_buynow_button{position: fixed;z-index: 999;bottom: 0;right: 0px;padding: 10px 20px;font-size: 17px;border-bottom: 0px;border-right: 0px;} .mimariage_buynow_button a{color: #fff;font-family: 'Cinzel';} .mimariage_newlabel a:after{content: '';background-image: url(../img/new-label.html);background-size: 43px;width: 43px;height: 17px;float: right;margin-top: 1px;background-repeat: no-repeat;} .mimariage_hotlabel a:after{content: '';background-image: url(../img/hot-label.html);background-size: 43px;width: 43px;height: 17px;float: right;margin-top: 1px;background-repeat: no-repeat;} .mimariage_demo_components{float: right;font-size: 11px;padding: 5px 10px;margin-top: 15px;} /* ===== Inlined: mimariage_shortcodes.css ===== */ /* Author: mimariage Author URI: http://www.mimariagethemes.com/ */ /**************************************************************************** Table of Content *************************************************************************** SOME CLASSES THAT YOU CAN APPLY TO ALL ELEMENTS FOR DECIDE THE GRAPHIC 1- background class 2- border color options 3- shadow color for elements 4- radius options 5- strike text SOME SHORTCODES FOR CREATE YOUR PAGES 6- logo options 7 button rules 8- btn icon 9- btn icon bg 10- divider 11- dropcaps 12- alerts 13- iframe 14- accordion 15- toogle 16- progress bar 17- tabs 18- list 19- table 20- filter 21- left sidebar 22- right sidebar 23- triangle SOME CLASSES FOR MARGIN, PADDING AND POSITION OPTIONS 24- block 25- display none 26- padding 27- space 28- margin 29- size 30- absolute 31- relative 32- height SOME CLASSES FOR ARCHIVE SECTION 33- textevidence 34- focus 35- archive 36- activity 37- mansonry EFFECTS HOVER 38- rotate 39- press 40- zoom 41- opacity 42- transition 43- bg JQUERY UI 44- calendar 45- tooltip 46- slide range */ /***********************SOME CLASSES THAT YOU CAN APPLY TO ALL ELEMENTS FOR DECIDE THE GRAPHIC*************************************/ /* 1 - START mimariageBG*/ .mimariage_bg_transparent{ background-color: transparent; } .mimariage_bg_white{ background-color: #ffffff; } .mimariage_bg_grey{ background-color: #fafafa; } .mimariage_bg_grey2{ background-color: #eeeeee; } .mimariage_bg_greydark{ background-color: #585858;} .mimariage_bg_greydark2{ background-color: #6c6975;} .mimariage_bg_green{ background-color: #d19fae; } .mimariage_bg_blue{ background-color: #cd98a8; } .mimariage_bg_violet{ background-color: #c792a2; } .mimariage_bg_orange{ background-color: #e4d0c2; } .mimariage_bg_red{ background-color: #c38e9e; } .mimariage_bg_yellow{ background-color: #e4e3c2; } .mimariage_bg_greendark{ background-color: #afceba; } .mimariage_bg_bluedark{ background-color: #afcece; } .mimariage_bg_violetdark{ background-color: #c4afce; } .mimariage_bg_orangedark{ background-color: #e3bea5; } .mimariage_bg_reddark{ background-color: #ceafb5; } .mimariage_bg_yellowdark{ background-color: #cecdaf; } .mimariage_bg_black{ background-color: #000000; } .mimariage_bg_black1{ background-color: #0f0f0f; } .mimariage_bg_gradient{ background: #585858; /* Old browsers */ background: -moz-linear-gradient(left, #585858 0%, #585858 50%, #d19fae 51%, #d19fae 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#585858), color-stop(50%,#585858), color-stop(51%,#d19fae), color-stop(100%,#d19fae)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #585858 0%,#585858 50%,#d19fae 51%,#d19fae 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #585858 0%,#585858 50%,#d19fae 51%,#d19fae 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #585858 0%,#585858 50%,#d19fae 51%,#d19fae 100%); /* IE10+ */ background: linear-gradient(to right, #585858 0%,#585858 50%,#d19fae 51%,#d19fae 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#d19fae',GradientType=1 ); /* IE6-9 */ } .mimariage_bg_gradient2{ background: #d19fae; /* Old browsers */ background: -moz-linear-gradient(left, #d19fae 0%, #d19fae 50%, #6c6975 50%, #6c6975 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d19fae), color-stop(50%,#d19fae), color-stop(50%,#6c6975), color-stop(100%,#6c6975)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #d19fae 0%,#d19fae 50%,#6c6975 50%,#6c6975 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #d19fae 0%,#d19fae 50%,#6c6975 50%,#6c6975 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #d19fae 0%,#d19fae 50%,#6c6975 50%,#6c6975 100%); /* IE10+ */ background: linear-gradient(to right, #d19fae 0%,#d19fae 50%,#6c6975 50%,#6c6975 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d19fae', endColorstr='#6c6975',GradientType=1 ); /* IE6-9 */ } /*END mimariageBG*/ /* 2- START mimariageBORDER: applica l'ombra del colore selezionato*/ .mimariage_border_white, .mimariage_border_white td, .mimariage_border_white th{ border: 1px solid #ffffff !important;} .mimariage_border_grey, .mimariage_border_grey td, .mimariage_border_grey th{ border: 1px solid #eeeeee !important; } .mimariage_border_grey2, .mimariage_border_grey2 td, .mimariage_border_grey2 th{ border: 1px solid #e5e5e5; } .mimariage_border_greydark, .mimariage_border_greydark td, .mimariage_border_greydark th{ border: 1px solid #6c6975; } .mimariage_border_greydark2, .mimariage_border_greydark2 td, .mimariage_border_greydark2 th{ border: 1px solid #353b3d; } .mimariage_border_green, .mimariage_border_green td, .mimariage_border_green th{ border: 1px solid #d19fae; } .mimariage_border_blue, .mimariage_border_blue td, .mimariage_border_blue th{ border: 1px solid #afcece; } .mimariage_border_violet, .mimariage_border_violet td, .mimariage_border_violet th{ border: 1px solid #c4afce; } .mimariage_border_orange, .mimariage_border_orange td, .mimariage_border_orange th{ border: 1px solid #e3bea5; } .mimariage_border_red, .mimariage_border_red td, .mimariage_border_red th{ border: 1px solid #ceafb5; } .mimariage_border_yellow, .mimariage_border_yellow td, .mimariage_border_yellow th{ border: 1px solid #cecdaf; } .mimariage_border_greendark, .mimariage_border_greendark td, .mimariage_border_greendark th{ border: 1px solid #afceba; } .mimariage_border_bluedark, .mimariage_border_bluedark td, .mimariage_border_bluedark th{ border: 1px solid #6dc0d5; } .mimariage_border_violetdark, .mimariage_border_violetdark td, .mimariage_border_violetdark th{ border: 1px solid #a675af; } .mimariage_border_orangedark, .mimariage_border_orangedark td, .mimariage_border_orangedark th{ border: 1px solid #d8734c; } .mimariage_border_reddark, .mimariage_border_reddark td, .mimariage_border_reddark th{ border: 1px solid #bf6363; } .mimariage_border_yellowdark, .mimariage_border_yellowdark td, .mimariage_border_yellowdark th{ border: 1px solid #d4ae49; } /*bottom*/ .mimariage_border_bottom_white { border-bottom: 1px solid #ffffff !important; } .mimariage_border_bottom_grey { border-bottom: 1px solid #eeeeee !important; } .mimariage_border_bottom_greydark2 { border-bottom: 1px solid #6c6975 !important; } /*top*/ .mimariage_border_top_grey { border-top: 1px solid #eeeeee; } .mimariage_border_top_grey.dashed{ border-top-style: dashed; } .mimariage_border_left_white { border-left: 2px solid #ffffff !important; } /*END mimariageBORDER*/ /* 3- START mimariageSHADOW: applica l'ombra in base al colore dato usando la classe mimariage_bg_colore*/ .mimariage_shadow.mimariage_bg_grey{ box-shadow: 0px 4px 0px 0px #eeeeee; } .mimariage_shadow.mimariage_bg_grey2{ box-shadow: 0px 4px 0px 0px #e5e5e5; } .mimariage_shadow.mimariage_bg_greydark{ box-shadow: 0px 4px 0px 0px #6c6975; } .mimariage_shadow.mimariage_bg_greydark2{ box-shadow: 0px 4px 0px 0px #353b3d; } .mimariage_shadow.mimariage_bg_green{ box-shadow: 0px 4px 0px 0px #d19fae; } .mimariage_shadow.mimariage_bg_blue{ box-shadow: 0px 4px 0px 0px #afcece; } .mimariage_shadow.mimariage_bg_violet{ box-shadow: 0px 4px 0px 0px #c4afce; } .mimariage_shadow.mimariage_bg_orange{ box-shadow: 0px 4px 0px 0px #e3bea5; } .mimariage_shadow.mimariage_bg_red{ box-shadow: 0px 4px 0px 0px #ceafb5; } .mimariage_shadow.mimariage_bg_yellow{ box-shadow: 0px 4px 0px 0px #cecdaf; } .mimariage_shadow.mimariage_bg_greendark{ box-shadow: 0px 4px 0px 0px #afceba; } .mimariage_shadow.mimariage_bg_bluedark{ box-shadow: 0px 4px 0px 0px #6dc0d5; } .mimariage_shadow.mimariage_bg_violetdark{ box-shadow: 0px 4px 0px 0px #a675af; } .mimariage_shadow.mimariage_bg_orangedark{ box-shadow: 0px 4px 0px 0px #d8734c; } .mimariage_shadow.mimariage_bg_reddark{ box-shadow: 0px 4px 0px 0px #bf6363; } .mimariage_shadow.mimariage_bg_yellowdark{ box-shadow: 0px 4px 0px 0px #d4ae49; } /*END mimariageSHADOW*/ /*START mimariage TEXT SHADOW*/ .mimariage_text_shadow{ text-shadow: 0px 1px 0px #C3C2C5; } /*END mimariage TEXT SHADOW*/ /* 4 -START mimariage_RADIUS*/ .mimariage_radius{ border-radius: 20px 20px 20px 20px;} .mimariage_radius_top{ border-radius: 5px 5px 0px 0px; } .mimariage_radius_bottom{ border-radius: 0px 0px 5px 5px; } .mimariage_radius_left{ border-radius: 5px 0px 0px 5px; } .mimariage_radius_right{ border-radius: 0px 5px 5px 0px; } .mimariage_radius_circle{ border-radius: 100%; } /*END mimariage_RADIUS*/ /* 5- START mimariage_STRIKE*/ .mimariage_strike{ text-decoration: line-through; } /*END mimariage_STRIKE*/ /*OBLIQUE*/ .mimariage_oblique_right{ transform: skew(-20deg)translate(10px); -o-transform: skew(-20deg)translate(10px); -moz-transform: skew(-20deg)translate(10px); -webkit-transform: skew(-20deg)translate(10px); } .mimariage_oblique_left{ transform: skew(20deg)translate(-10px); -o-transform: skew(20deg)translate(-10px); -moz-transform: skew(20deg)translate(-10px); -webkit-transform: skew(20deg)translate(-10px); } .mimariage_oblique{ font-style: oblique; } /*END OBLIQUE*/ /*****************************************SOME SHORTCODES FOR CREATE YOUR PAGES********************************************/ /* 6 - START LOGO*/ .mimariage_logo{ float: left; position: relative; width: 10px; height: 10px; } .mimariage_logo img{ position: absolute; width: 222px; margin-top: -5px; border:0;} /*END LOGO*/ /* 7 - START NIKBTN:*/ .mimariage_btn{ font-family: 'Halant', sans-serif; display: inline-block; text-align: center; cursor: pointer;} .mimariage_btn.title{ font-family: 'Cinzel', sans-serif !important; } .mimariage_btn.left{ float: left;} .mimariage_btn.right{ float: right;} .mimariage_btn.fullwidth{ padding-left: 0px !important; padding-right: 0px !important; width: 100%;} /*size*/ .mimariage_btn.extrasmall{ padding: 0px 10px; font-size: 13px; } .mimariage_btn.small{ padding: 5px 10px; font-size: 15px; } .mimariage_btn.medium{ padding: 10px 20px; font-size: 17px; } .mimariage_btn.big{ padding: 15px 20px; font-size: 19px; } .mimariage_btn.extrasize{ padding: 20px; font-size: 45px; line-height: 45px; } /*END NIKBTN*/ /* 8 - START NIKBTNICON:*/ .mimariage_btn_icon{ font-family: 'Halant', sans-serif; display: inline-block; text-align: center; cursor: pointer;} .mimariage_btn_icon.title{ font-family: 'Cinzel', sans-serif !important; } .mimariage_btn_icon > i{ display: inline-block; width: 20px; height: 20px; } .mimariage_btn_icon > i:before{ margin: 0px; padding:0px; } .mimariage_btn_icon.left{ float: left;} .mimariage_btn_icon.right{ float: right;} /*size*/ .mimariage_btn_icon.extrasmall{ padding: 5px; font-size: 14px; } .mimariage_btn_icon.small{ padding: 10px; font-size: 15px; } .mimariage_btn_icon.medium{ padding: 15px; font-size: 17px; } .mimariage_btn_icon.big{ padding: 20px; font-size: 19px; } /*extra big*/ .mimariage_btn_icon.extrabig > i{ display: inline-block; width: 40px; height: 40px; } .mimariage_btn_icon.extrabig{ padding: 20px; font-size: 32px; } /*END NIKBTNICON*/ /* 9 - START NIKBTNICON:*/ .mimariage_btn_iconbg{ display: inline-block; } .mimariage_btn_iconbg > div{ overflow: hidden; position: relative; } /*size*/ .mimariage_btn_iconbg.small, .mimariage_btn_iconbg.small > div{ width: 40px; height: 40px; } .mimariage_btn_iconbg.medium, .mimariage_btn_iconbg.medium > div{ width: 50px; height: 50px; } .mimariage_btn_iconbg.big, .mimariage_btn_iconbg.big > div{ width: 60px; height: 60px; } .mimariage_btn_iconbg.extrabig, .mimariage_btn_iconbg.extrabig > div{ width: 80px; height: 80px; } /*END NIKBTNICON*/ /*START mimariageICONBG*/ .mimariage_iconbg{ position: absolute; bottom: -15px;} /*position*/ .mimariage_iconbg.left{ left: -20px;} .mimariage_iconbg.right{ right: -20px;} /*size*/ .mimariage_iconbg.small{ font-size: 40px; } .mimariage_iconbg.medium{ font-size: 50px; } .mimariage_iconbg.big{ font-size: 60px; } .mimariage_iconbg.extrabig{ font-size: 80px; } /*color*/ .mimariage_iconbg.grey{ color: #eeeeee; } .mimariage_iconbg.green{ color: #d19fae; } .mimariage_iconbg.blue{ color: #afcece; } .mimariage_iconbg.violet{ color: #c4afce; } .mimariage_iconbg.orange{ color: #e3bea5; } .mimariage_iconbg.red{ color: #ceafb5; } .mimariage_iconbg.yellow{ color: #cecdaf; } /*END mimariageICONBG*/ /* 10 - START NIKDIVIDER: color, align, size*/ .mimariage_divider{ float: left; width: 100%;} .mimariage_divider > span{ display: block; margin:auto; } /*align*/ .mimariage_divider.left > span{ float: left; } .mimariage_divider.right > span{ float: right; } /*size*/ .mimariage_divider.big > span{ width: 80px; height: 3px; } .mimariage_divider.small > span{ width: 30px; height: 2px; } /*END NIKDIVIDER*/ /* 11- START mimariageDROPCAP*/ .mimariage_dropcap{ float: left; font-size: 35px; line-height: 20px; padding: 15px; margin-right: 20px; } /*END mimariageDROPCAP*/ /* 12 - START NIKALERTS*/ .mimariage_alerts{ float: left; width: 100%; overflow: hidden; position: relative; } .mimariage_alerts > p > .iconclose{ cursor: pointer; } /*END NIKALERTS*/ /* 13 - START mimariageIFRAME*/ .mimariage_iframe{ float: left; width: 100%; border: 0; } /*END mimariageIFRAME*/ /* 14 - START NIKACCORDION*/ .mimariage_accordion{ float: left; width: 100%; } .mimariage_accordion .ui-accordion-header-active { cursor: initial !important; } .mimariage_accordion .mimariage_accordion_header{ outline: 0; cursor: pointer; margin-bottom: 20px; } .mimariage_accordion_content{ padding: 0px 20px 20px 20px; } /*size*/ .mimariage_accordion_header.small{ padding: 5px 10px; } .mimariage_accordion_header.medium{ padding: 10px 20px; } .mimariage_accordion_header.big{ padding: 15px 20px; } /*icon*/ .mimariage_accordion .ui-accordion-header-active:before { content: '\e846' !important; font-family: 'fontello'; margin-right: 10px; } .mimariage_accordion .ui-accordion-header:before { content: '\e842'; font-family: 'fontello'; margin-right: 10px; } /*END NIKACCORDION*/ /* 15 - START NIKTOOGLE*/ .mimariage_toogle{ float: left; width: 100%; } .mimariage_toogle_content{ padding: 20px; } .mimariage_toogle .mimariage_toogle_header{ outline: 0; cursor: pointer; float: none; width: initial; } /*size*/ .mimariage_toogle_header.small{ padding: 5px 10px; } .mimariage_toogle_header.medium{ padding: 10px 20px; } .mimariage_toogle_header.big{ padding: 15px 20px; } /*icon*/ .mimariage_toogle .ui-accordion-header-active:before { content: '\e8c8' !important; font-family: 'fontello'; margin-right: 10px; } .mimariage_toogle .ui-accordion-header:before { content: '\e8c9'; font-family: 'fontello'; margin-right: 10px; } /*END NIKTOOGLE*/ /* 16 - START NIKPROGRESSBAR*/ .mimariage_progressbar{ float:left; width:100%; } .mimariage_progressbar_title{ margin: 0px; padding:0px; min-height: 20px; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } .mimariage_progressbar_title > span{ padding:0px; display:inline-block;} /*animate*/ .animate_progressbar{ width: 0% !important; } /*END NIKPROGRESSBAR*/ /* 17 - START mimariageTABS*/ .mimariage_tab{ float: left; width: 100%; } .mimariage_tabs{ float: left; width: 100%; } .mimariage_tab > .mimariage_tabslist{ margin: 0px; padding: 0px; list-style: none; float: left; width: 100%; } .mimariage_tab > .mimariage_tabslist > li{ margin: 0px; padding: 0px; float: left; } .mimariage_tab > .mimariage_tabslist > li > a{ outline: 0; display: block; } .mimariage_tab > .mimariage_tabslist > .ui-tabs-active > a{ background-color: #ffffff !important; color: #b7b7b7 !important; box-shadow: 0px 0px 0px 0px #eeeeee; } .mimariage_tab > .mimariage_tabslist.greydark > .ui-tabs-active > a{ background-color: #585858 !important; color: #fff !important; box-shadow: 0px 0px 0px 0px #eeeeee; } /*END mimariageTABS*/ /* 18 - START mimariageLIST*/ .mimariage_list{ float: left; width: 100%; list-style: none; margin: 0px; padding: 0px; } .mimariage_list > li{ float: left; width: 100%; border-top: 0px; border-left: 0px; border-right: 0px; border-width: 1px; } .mimariage_list > li:last-child{ border-bottom-width: 0px; } /*END mimariageLIST*/ /* 19 - START mimariageTABLE*/ .mimariage_table{ float:left; width: 100%; border-collapse: collapse; } .mimariage_table thead, .mimariage_table tbody { border-width: 0px; } .mimariage_table tr td, .mimariage_table tr th{ border-width: 1px; } /*size*/ .mimariage_table.small tr td, .mimariage_table.small tr th{ padding: 5px 10px; } .mimariage_table.medium tr td, .mimariage_table.medium tr th{ padding: 10px 20px; } .mimariage_table.big tr td, .mimariage_table.big tr th{ padding: 15px 20px; } .mimariage_table.extrabig tr td, .mimariage_table.extrabig tr th{ padding: 20px 20px; } /*align*/ .mimariage_table.center{ text-align: center; } .mimariage_table.left{ text-align: left; } .mimariage_table.right{ text-align: right; } /*END mimariageTABLE*/ /* 20 - START mimariageFILTER*/ .mimariage_filter{ float: left; width: 100%; } .mimariage_filter.center{ text-align: center; } .mimariage_filter.grey { background: rgba(238,238,238,0.2); } .mimariage_filter.greydark { background: rgba(88,88,88,0.2); } .mimariage_filter.greydark1 { background: rgba(88,88,88,0.3); } .mimariage_filter.greydark2 { background: rgba(88,88,88,0.5); } .mimariage_filter.greydark3 { background: rgba(88,88,88,0.8); } .mimariage_filter.green { background: rgba(175,206,186,0.8); } .mimariage_filter.blue { background: rgba(175,206,206,0.8); } .mimariage_filter.violet { background: rgba(197,175,206,0.8); } .mimariage_filter.yellow { background: rgba(206,205,175,0.8); } .mimariage_filter.orange { background: rgba(227,190,165,0.8); } .mimariage_filter.red { background: rgba(206,175,181,0.8); } .mimariage_filter.white { background: rgba(255,255,255,0.97); } /*END mimariageFILTER*/ /* 21 - 22 - START mimariageLEFTSIDEBAR*/ .mimariage_left_sidebar{ width:300px; height:100%; position:fixed; left:-300px; top:0px; z-index:99999; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } .mimariage_right_sidebar{ width:300px; height:100%; position:fixed; right:-300px; top:0px; z-index:99999; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } /*overlay*/ .mimariage_overlay_on{float: left; width: 100%; height: 100%; background:rgba(0,0,0,0.3); position: fixed; z-index: 999; cursor: crosshair; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } /*END mimariageLEFTSIDEBAR*/ /* 23 - START mimariageTRIANGLE*/ .mimariage_triangle{ width: 0px; height: 0px; border-style: solid; border-width: 15px 15px 0 15px; position: absolute; } /*color*/ .mimariage_triangle.grey{ border-color: #eeeeee transparent transparent transparent; } .mimariage_triangle.greydark{ border-color: #6c6975 transparent transparent transparent; } .mimariage_triangle.green{ border-color: #d19fae transparent transparent transparent; } .mimariage_triangle.blue{ border-color: #afcece transparent transparent transparent; } .mimariage_triangle.violet{ border-color: #c4afce transparent transparent transparent;} .mimariage_triangle.orange { border-color: #e3bea5 transparent transparent transparent; } .mimariage_triangle.red{ border-color: #ceafb5 transparent transparent transparent; } .mimariage_triangle.yellow{ border-color: #cecdaf transparent transparent transparent; } /*END mimariageTRIANGLE*/ /*START mimariage PRELOADER*/ .mimariage_preloader{ float: left; width: 100%; height: 100%; position: fixed; background-color: #fff; display: table; z-index: 10001; text-align: center; } .mimariage_preloader i{ display: table-cell; vertical-align: middle; font-size: 30px; -webkit-animation: mimariage_pulse 1s infinite linear; animation: mimariage_pulse 1s infinite linear; } @-webkit-keyframes mimariage_spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes mimariage_spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes mimariage_pulse { 0% { -webkit-transform:scale(1.0, 1.0); -o-transform:scale(1.0, 1.0); transform:scale(1.0, 1.0); } 50% { -webkit-transform:scale(1.3, 1.3); -o-transform:scale(1.3, 1.3); transform:scale(1.3, 1.3); } 100% { -webkit-transform:scale(1.0, 1.0); -o-transform:scale(1.0, 1.0); transform:scale(1.0, 1.0); } } @keyframes mimariage_pulse { 0% { -webkit-transform:scale(1.0, 1.0); -o-transform:scale(1.0, 1.0); transform:scale(1.0, 1.0); } 50% { -webkit-transform:scale(1.3, 1.3); -o-transform:scale(1.3, 1.3); transform:scale(1.3, 1.3); } 100% { -webkit-transform:scale(1.0, 1.0); -o-transform:scale(1.0, 1.0); transform:scale(1.0, 1.0); } } /*END mimariage PRELOADER*/ /***************************SOME CLASSES FOR MARGIN/SPACE/POSITION/HEIGHT/DISPLAY BETWEEN ELEMENTS***************************************************/ /* 24 - SOME CLASSES*/ .mimariage_block{ display: block !important; } .mimariage_outline { outline: 0; } .mimariage_overflow { overflow: hidden; } .mimariage_sizing { box-sizing:border-box; } .mimariage_display_inlineblock { display: inline-block; } .mimariage_display_table { display: table; } .mimariage_cell { display: table-cell !important; } .mimariage_vertical_middle { vertical-align: middle; text-align: center; } .mimariage_vertical_bottom { vertical-align: bottom; } .mimariage_center { text-align: center; } .mimariage_left { text-align: left; } .mimariage_disable_float { float: initial !important; } /* 25 - display*/ .mimariage_displaynone_desktop { display: none; } .mimariage_displaynone { display: none !important; } /* 26 - padding*/ .mimariage_padding0{ padding: 0px !important; } .mimariage_padding20{ padding: 20px !important; } .mimariage_padding40{ padding: 40px !important; } .mimariage_padding50{ padding: 5px 0px !important; } .mimariage_padding510{ padding: 5px 10px !important; } .mimariage_padding520{ padding: 5px 20px !important; } .mimariage_padding200{ padding: 20px 0px !important; } /*left*/ .mimariage_paddingleft0{ padding-left: 0px !important; } /*right*/ .mimariage_paddingright30{ padding-right: 30px !important; } /* 27 - START NIKSPACE: attribuisco la classe mimariage_space ad un div vuoto per fare degli spazi tra gli elementi*/ .mimariage_space3{ height: 3px; width: 100%; float: left; } .mimariage_space_block3{ height: 3px; width: 100%; } .mimariage_space5{ height: 5px; width: 100%; float: left; } .mimariage_space_block5{ height: 5px; width: 100%; } .mimariage_space10{ height: 10px; width: 100%; float: left; } .mimariage_space_block10{ height: 10px; width: 100%; } .mimariage_space15{ height: 15px; width: 100%; float: left; } .mimariage_space_block15{ height: 15px; width: 100%; } .mimariage_space20{ height: 20px; width: 100%; float: left; } .mimariage_space_block20{ height: 20px; width: 100%; } .mimariage_space25{ height: 25px; width: 100%; float: left; } .mimariage_space_block25{ height: 25px; width: 100%; } .mimariage_space30{ height: 30px; width: 100%; float: left; } .mimariage_space_block30{ height: 30px; width: 100%; } .mimariage_space40{ height: 40px; width: 100%; float: left; } .mimariage_space_block40{ height: 40px; width: 100%; } .mimariage_space50{ height: 50px; width: 100%; float: left; } .mimariage_space_block50{ height: 50px; width: 100%; } .mimariage_space60{ height: 60px; width: 100%; float: left; } .mimariage_space_block60{ height: 60px; width: 100%; } .mimariage_space70{ height: 70px; width: 100%; float: left; } .mimariage_space_block70{ height: 70px; width: 100%; } .mimariage_space80{ height: 80px; width: 100%; float: left; } .mimariage_space_block80{ height: 80px; width: 100%; } .mimariage_space90{ height: 90px; width: 100%; float: left; } .mimariage_space_block90{ height: 90px; width: 100%; } .mimariage_space100{ height: 100px; width: 100%; float: left; } .mimariage_space_block100{ height: 100px; width: 100%; } /*END NIKSPACE*/ /* 28 - START mimariageMARGIN*/ .mimariage_margin05{ margin: 0px 5px; padding: 0px; display: inline-block; } .mimariage_margin5{ margin: 5px; padding: 0px; display: inline-block; } .mimariage_margin10{ margin: 10px; padding: 0px; display: inline-block; } .mimariage_margin100{ margin: 10px 0px; padding: 0px; display: inline-block; } .mimariage_margin150{ margin: 15px 0px; padding: 0px; display: inline-block; } .mimariage_margin1525{ margin: 15px 25px; padding: 0px; display: inline-block; } .mimariage_margin20{ margin: 20px; padding: 0px; display: inline-block; } .mimariage_margin020{ margin: 0px 20px; padding: 0px; display: inline-block; } .mimariage_margin200{ margin: 20px 0px; padding: 0px; display: inline-block; } .mimariage_margin010{ margin: 0px 10px; padding: 0px; display: inline-block; } .mimariage_margin1820{ margin: 18px 20px; padding: 0px; display: inline-block; } .mimariage_margin30{ margin: 30px; padding: 0px; display: inline-block; } .mimariage_margin40{ margin: 40px; padding: 0px; display: inline-block; } .mimariage_margin2040{ margin: 20px 40px; padding: 0px; display: inline-block; } /*left*/ .mimariage_marginleft0{ margin-left: 0px; } .mimariage_marginleft5{ margin-left: 5px; } .mimariage_marginleft10{ margin-left: 10px; } .mimariage_marginleft20{ margin-left: 20px; } .mimariage_marginleft50{ margin-left: 50px; } .mimariage_marginleft60{ margin-left: 60px; } .mimariage_marginleft70{ margin-left: 70px; } .mimariage_marginleft80{ margin-left: 80px; } .mimariage_marginleft85{ margin-left: 85px; } .mimariage_marginleft90{ margin-left: 90px; } .mimariage_marginleft100{ margin-left: 100px; } .mimariage_marginleft110{ margin-left: 110px; } .mimariage_marginleft120{ margin-left: 120px; } .mimariage_marginleft130{ margin-left: 130px; } .mimariage_marginleft140{ margin-left: 140px; } .mimariage_marginleft150{ margin-left: 150px; } .mimariage_marginleft160{ margin-left: 160px; } .mimariage_marginleft170{ margin-left: 170px; } /*right*/ .mimariage_marginright0{ margin-right: 0px; } .mimariage_marginright5{ margin-right: 5px; } .mimariage_marginright10{ margin-right: 10px; } .mimariage_marginright20{ margin-right: 20px; } /*top*/ .mimariage_margintop0{ margin-top: 0px !important; } .mimariage_margintop60{ margin-top: 60px; } /*END mimariageMARGIN*/ /* 28 - START MARGIN NEGATIVE*/ /*top*/ .mimariage_margintop10_negative { margin-top: -10px !important; } .mimariage_margintop20_negative { margin-top: -20px !important; } .mimariage_margintop30_negative { margin-top: -30px !important; } .mimariage_margintop40_negative { margin-top: -40px !important; } .mimariage_margintop45_negative { margin-top: -45px !important; } .mimariage_margintop50_negative { margin-top: -50px !important; } .mimariage_margintop60_negative { margin-top: -60px !important; } .mimariage_margintop70_negative { margin-top: -70px !important; } /*bottom*/ .mimariage_marginbottom10_negative { margin-bottom: -10px !important; } .mimariage_marginbottom20_negative { margin-bottom: -20px !important; } .mimariage_marginbottom30_negative { margin-bottom: -30px !important; } .mimariage_marginbottom40_negative { margin-bottom: -40px !important; } .mimariage_marginbottom50_negative { margin-bottom: -50px !important; } .mimariage_marginbottom60_negative { margin-bottom: -60px !important; } .mimariage_marginbottom70_negative { margin-bottom: -70px !important; } .mimariage_marginbottom80_negative { margin-bottom: -80px !important; } .mimariage_marginbottom90_negative { margin-bottom: -90px !important; } /*END MARGIN NEGATIVE*/ /* 29 - mimariageSIZE: APPLICARE la calsse solo al testo per distanziarlo dal box*/ .mimariage_size_normal{ margin: 10px; } .mimariage_size_small{ margin: 5px 10px; } .mimariage_size_medium{ margin: 10px 20px; } .mimariage_size_big{ margin: 15px 20px; } .mimariage_size_extrabig{ margin: 20px; } /*mimariageSIZE*/ /* 30 - START mimariageABSOLUTE*/ .mimariage_absolute{ position:absolute; left: 0;} .mimariage_absolute_floatnone{ position:absolute; } .mimariage_absolute_bottom{ position:absolute; bottom: 0;} .mimariage_absolute_left{ position:absolute; margin-top: 20px; margin-left: 20px; } .mimariage_absolute_right{ position:absolute; margin-top: 20px; margin-right: 20px; right:0;} /*10 margin*/ .mimariage_absolute_right10{ position:absolute; margin-top: 10px; margin-right: 10px; right:0;} /*END mimariageABSOLUTE*/ /* 31 - START mimariageRELATIVE*/ .mimariage_relative{ position:relative;} /*END mimariageABSOLUTE*/ /* 32 - START mimariageHEIGHT*/ .mimariage_height100percentage{ height: 100%; } .mimariage_height46{ height: 46px; } .mimariage_height100{ height: 100px; } .mimariage_height150{ height: 150px; } .mimariage_height200{ height: 200px; } .mimariage_height250{ height: 250px; } .mimariage_height280{ height: 280px; } .mimariage_height300{ height: 300px; } .mimariage_height350{ height: 350px; } .mimariage_height400{ height: 400px; } .mimariage_height450{ height: 450px; } .mimariage_height500{ height: 500px; } .mimariage_height560{ height: 560px; } .mimariage_height590{ height: 590px; } .mimariage_height600{ height: 600px; } /*END mimariageHEIGHT*/ /**********************************SOME CLASSES FOR DIV ARCHIVE**********************************************************************/ /* 33 - START NIKTEXTEVIDENCE*/ .mimariage_textevidence{ float: left; width: 100%; position: relative; overflow: hidden; } /*align*/ .mimariage_textevidence.center{ text-align: center; } .mimariage_textevidence.left{ text-align: left; } .mimariage_textevidence.right{ text-align: right; } /*overflow*/ .mimariage_textevidence.overflow_scroll { overflow-x:auto !important; } /*END NIKTEXTEVIDENCE*/ /* 34 - START mimariageFOCUS*/ .mimariage_focus{ float: left; width: 100%; } .mimariage_focus.center{ text-align: center; } .mimariage_focus.right{ text-align: right; } /*END mimariageFOCUS*/ /* 35 - START mimariageARCHIVE1*/ .mimariage_archive1{ float: left; width: 100%; position: relative; overflow: hidden; } .mimariage_archive1.center{ text-align: center; } .mimariage_archive1 img{ width: 100%; height: auto; display: block;} /*END mimariageARCHIVE1*/ /* 36 - START mimariageACTIVITY*/ .mimariage_activity{ float: left; } .mimariage_activity.center{ text-align: center; } .mimariage_activity.right{ float: right; } /*END mimariageACTIVITY*/ /* 37 - START mimariageMASONRYCONTAINER*/ .mimariage_masonry_btns{ float: left; width: 100%; } .mimariage_masonry_container{ float: left; width: 100%; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } /*END mimariageMASONRYCONTAINER*/ /***************************************************HOVER CLASSES EFFECT***********************************************************************/ /* 38 - rotate*/ .mimariage_rotate{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .mimariage_rotate:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } /* 39 - press*/ .mimariage_press{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .mimariage_press:hover { box-shadow: 0px 0px 0px 0px transparent !important; margin-top: 4px; margin-bottom: -4px; } /* pulse*/ .mimariage_pulse_infinite{ -webkit-animation: mimariage_pulse 2s infinite linear; animation: mimariage_pulse 2s infinite linear; } /* 40 - mimariage_zoom*/ .mimariage_zoom_hover { -webkit-transition:all 500ms; -o-transition:all 500ms; transition:all 500ms; } .mimariage_zoom_hover:hover{ -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2); } .mimariage_zoom{ -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2); } /* 41 - opacity*/ .mimariage_opacity{ opacity: 1; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } .mimariage_opacity:hover{ opacity: 0.8; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } /*fadeout*/ .mimariage_fadeinout .mimariage_fadeout{ opacity: 1; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms; -moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms; } .mimariage_fadeinout:hover .mimariage_fadeout{ opacity: 0; z-index: 1; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms; -moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms; } /*fadein*/ .mimariage_fadeinout .mimariage_fadein{ opacity: 0; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms; -moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms; } .mimariage_fadeinout:hover .mimariage_fadein{ opacity: 1; z-index: 2; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms; -moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms; } /*zoom image works with mimariage_fadeinout */ .mimariage_fadeinout .mimariage_zoom_image { -webkit-transition:all 3000ms; -o-transition:all 500ms; transition:all 3000ms; } .mimariage_fadeinout:hover .mimariage_zoom_image{ -webkit-transform:rotate(3deg) scale(1.2, 1.2); -o-transform:rotate(3deg) scale(1.2, 1.2); transform:rotate(3deg) scale(1.2, 1.2); } /* 42 - TRANSITION*/ .mimariage_transition{ -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } /* 43 - START mimariageBGHOVER*/ .mimariage_bg_grey_hover:hover{ background-color: #fafafa !important; } .mimariage_bg_grey2_hover:hover{ background-color: #eeeeee !important; } .mimariage_bg_greydark_hover:hover{ background-color: #585858 !important;} .mimariage_bg_greydark2_hover:hover{ background-color: #6c6975 !important;} .mimariage_bg_green_hover:hover{ background-color: #d19fae !important; } .mimariage_bg_blue_hover:hover{ background-color: #cd98a8 !important; } .mimariage_bg_violet_hover:hover { background-color: #c792a2 !important; } .mimariage_bg_orange_hover:hover{ background-color: #e4d0c2 !important; } .mimariage_bg_red_hover:hover{ background-color: #c38e9e !important; } .mimariage_bg_yellow_hover:hover{ background-color: #e4e3c2 !important; } .mimariage_bg_greendark_hover:hover{ background-color: #afceba !important; } .mimariage_bg_bluedark_hover:hover{ background-color: #afcece !important; } .mimariage_bg_violetdark_hover:hover{ background-color: #c4afce !important; } .mimariage_bg_orangedark_hover:hover{ background-color: #e3bea5 !important; } .mimariage_bg_reddark_hover:hover{ background-color: #ceafb5 !important; } .mimariage_bg_yellowdark_hover:hover{ background-color: #cecdaf !important; } /***************************************************CSS FOR CUSTOM REV SLIDER***********************************************************************/ .mimariage_slide1 > ul { position: absolute; z-index: 0;} #mimariage_slide2 > ul li { z-index: 0 !important;} .tp-caption.mimariagenamebigwhite,.mimariagenamebigwhite{font-size:100px;line-height:80px;font-family:"Great Vibes";color:#ffffff;text-decoration:none;background-color:transparent;border-width:0px;border-color:rgb(164,193,193);border-style:none} .tp-caption.mimariagedateslide,.mimariagedateslide{font-size:30px;font-weight:bolder;font-family:"Cinzel Decorative",cursive;color:rgb(255,255,255);text-decoration:none;background-color:transparent;border-width:0px;border-color:rgb(145,141,156);border-style:none} /***************************************************JQUERY UI***********************************************************************/ /* 44 - START mimariageCALENDAR*/ .ui-datepicker{ float: left; width: 300px; position: relative;} .grid .ui-datepicker{ float: left; width: 100%; } /*header*/ .ui-datepicker-header{ background-color: #585858; float: left; width: 100%; } .ui-datepicker-title { float: left; width: 100%; padding: 15px 0px; text-align: center; font-size: 17px; line-height: 17px; font-family: 'Cinzel', sans-serif; font-weight: 300; color: #fff; text-transform: uppercase; } /*arrows*/ .ui-datepicker-prev span, .ui-datepicker-next span{ display: none; } .ui-datepicker-prev{ position: absolute; left:0; top: 15px; margin-left: 20px; } .ui-datepicker-prev:before{ content: '\e8c3' !important; font-family: 'fontello'; color: #fff; cursor: pointer; } .ui-datepicker-next{ position: absolute; right:0; top: 15px; margin-right: 20px; } .ui-datepicker-next:before{ content: '\e8c4' !important; font-family: 'fontello'; color: #fff; cursor: pointer; } /*days*/ .ui-datepicker-calendar{ float: left; width: 100%; border-collapse: collapse; text-align: center; background-color: #fafafa; } .ui-datepicker-calendar thead{ background-color: #afceba; color: #fff; font-size: 13px; line-height: 13px; font-family: 'Cinzel', sans-serif; font-weight: normal; text-transform: uppercase; } .ui-datepicker-calendar tbody{ border-bottom: 1px solid #eee; border-left: 1px solid #eee; } .ui-datepicker-calendar th{ font-weight: normal; padding: 15px 10px; } .ui-datepicker-calendar td{ font-weight: normal; box-shadow:inset -1px 1px 0px 0px #eeeeee} .ui-datepicker-calendar td a{ font-size: 13px; padding: 10px 10px; line-height: 15px; color: #b7b7b7; display: block; font-family: 'Halant', sans-serif;} /*today*/ .ui-datepicker-today a { color: #fff !important; background-color: #afceba;} .ui-datepicker-other-month { } /*hover*/ .ui-datepicker-calendar .ui-state-hover{ color: #fff !important; background-color: #afceba; } /*END mimariageCALENDAR*/ /* 45 - START mimariageTOOLTIP*/ .ui-tooltip{ font-family: 'Halant', sans-serif; position: absolute; background: rgba(120,117,129,0.9); color: #fff; margin: 0px; padding: 0px; padding: 10px 20px; font-size: 13px; outline: 0; -webkit-appearance: none; border: 0; font-weight: 300;} /*END mimariageTOOLTIP*/ /* 46 - START mimariageSLIDERRANGE*/ /*color and style mimariage_price_range*/ .mimariage_price_range.ui-slider .ui-slider-handle { background-color: #585858; width: 15px; height: 15px; bottom: -8px; border: 1px solid #afcece;} .mimariage_price_range.ui-slider .ui-slider-range { background-color: #6c6975; bottom: -2px; } .mimariage_price_range.ui-slider { height: 1px; } /*color and style mimariage_slider_range*/ .ui-slider .ui-slider-handle { background-color: #e4e3c2; width: 20px; height: 20px; bottom: -8px;} .ui-slider .ui-slider-range { background-color: #cecdaf; } .ui-slider { height: 5px; } /*basic*/ .ui-slider { position: relative; text-align: left; float: left; width: 100%; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2;cursor: pointer; -ms-touch-action: none; touch-action: none; border-radius: 100%;outline: 0;} .ui-slider .ui-slider-range {position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0; height: 5px; } /*END mimariageSLIDERRANGE*/ /* ===== Inlined: mimariage_menu.css ===== */ /********************************************************COLOR************************************************/ /*normal color*/ .mimariage_menu > li > a:hover { color: #b7b7b7; } .mimariage_menu > li > a { color: #a4a4a4; } /*transparent color*/ .mimariage_transparent_menu .mimariage_menu > li > a:hover { color: #e3e3e3; } .mimariage_transparent_menu .mimariage_menu > li > a { color: #fff; } .mimariage_transparent_menu .mimariage_menu > li > a:after { color: #fff; } /*divider and triangle color*/ .mimariage_menu > .grey > a:after, .mimariage_menu > .grey .sub-menu li:first-child:before, .mimariage_menu > .grey .sub-menu li ul li:first-child:before{ color: #f1f1f1; } .mimariage_menu > .greydark > a:after, .mimariage_menu > .greydark .sub-menu li:first-child:before, .mimariage_menu > .greydark .sub-menu li ul li:first-child:before{ color: #dadadb; } .mimariage_menu > .green > a:after, .mimariage_menu > .green .sub-menu li:first-child:before, .mimariage_menu > .green .sub-menu li ul li:first-child:before{ color: #6fc191; } .mimariage_menu > .blue > a:after, .mimariage_menu > .blue .sub-menu li:first-child:before, .mimariage_menu > .blue .sub-menu li ul li:first-child:before{ color: #aecacc; } .mimariage_menu > .violet > a:after, .mimariage_menu > .violet .sub-menu li:first-child:before, .mimariage_menu > .violet .sub-menu li ul li:first-child:before{ color: #ccaebd; } .mimariage_menu > .orange > a:after, .mimariage_menu > .orange .sub-menu li:first-child:before, .mimariage_menu > .orange .sub-menu li ul li:first-child:before{ color: #ec774b; } .mimariage_menu > .red > a:after, .mimariage_menu > .red .sub-menu li:first-child:before, .mimariage_menu > .red .sub-menu li ul li:first-child:before{ color: #e16c6c; } .mimariage_menu > .yellow > a:after, .mimariage_menu > .yellow .sub-menu li:first-child:before, .mimariage_menu > .yellow .sub-menu li ul li:first-child:before{ color: #edbf47; } /*dropdown*/ .mimariage_menu > .yellow > .sub-menu li{ background-color: #edbf47; } .mimariage_menu > .grey > .sub-menu li{ background-color: #c9c9c9; } .mimariage_menu > .greydark > .sub-menu li{ background-color: #585858; } .mimariage_menu > .green > .sub-menu li{ background-color: #6fc191; } .mimariage_menu > .blue > .sub-menu li{ background-color: #aecacc; } .mimariage_menu > .violet > .sub-menu li{ background-color: #ccaebd; } .mimariage_menu > .orange > .sub-menu li{ background-color: #ec774b; } .mimariage_menu > .red > .sub-menu li{ background-color: #e16c6c; } /*tinynav*/ .mimariage_bg_grey .tinynav { color: #c9c9c9; border: 1px solid #eee; background-color: transparent; box-shadow: 0px 0px 0px 0px #e5e5e5; } .slowdown .tinynav { color: #fff; } .mimariage_bg_greydark .tinynav { color: #fff; background-color: #5f5f5f; box-shadow: 0px 0px 0px 0px #353b3d; } .mimariage_bg_yellow .tinynav { color: #fff; background-color: #e0b84e; box-shadow: 0px 0px 0px 0px #d4ae49; } .mimariage_bg_orange .tinynav { color: #fff; background-color: #df764e; box-shadow: 0px 0px 0px 0px #d8734c; } .mimariage_bg_red .tinynav { color: #fff; background-color: #c86969; box-shadow: 0px 0px 0px 0px #bf6363; } .mimariage_bg_green .tinynav { color: #fff; background-color: #e4e3c2; box-shadow: 0px 0px 0px 0px #65ae83; } .mimariage_bg_blue .tinynav { color: #fff; background-color: #6fc4d9; box-shadow: 0px 0px 0px 0px #6dc0d5; } .mimariage_bg_violet .tinynav { color: #fff; background-color: #ac7ab5; box-shadow: 0px 0px 0px 0px #a675af; } /*border bottom li*/ .mimariage_menu > .yellow > .sub-menu li, .mimariage_megamenu.yellow ul li ol li a{ border-bottom:1px solid #e0b84e; } .mimariage_menu > .grey > .sub-menu li, .mimariage_megamenu.grey ul li ol li a{ border-bottom:1px solid #f1f1f1; } .mimariage_menu > .greydark > .sub-menu li, .mimariage_megamenu.greydark ul li ol li a{ border-bottom:1px solid #5f5f5f; } .mimariage_menu > .green > .sub-menu li, .mimariage_megamenu.green ul li ol li a{ border-bottom:1px solid #e4e3c2; } .mimariage_menu > .blue > .sub-menu li, .mimariage_megamenu.blue ul li ol li a{ border-bottom:1px solid #6fc4d9; } .mimariage_menu > .violet > .sub-menu li, .mimariage_megamenu.violet ul li ol li a{ border-bottom:1px solid #ac7ab5; } .mimariage_menu > .orange > .sub-menu li, .mimariage_megamenu.orange ul li ol li a{ border-bottom:1px solid #df764e; } .mimariage_menu > .red > .sub-menu li, .mimariage_megamenu.red ul li ol li a{ border-bottom:1px solid #c86969; } /*text-dropdowncolor*/ .mimariage_menu .yellow .sub-menu a, .mimariage_menu .orange .sub-menu a, .mimariage_menu .red .sub-menu a, .mimariage_menu .blue .sub-menu a, .mimariage_menu .green .sub-menu a, .mimariage_menu .violet .sub-menu a, .mimariage_menu .greydark .sub-menu a { color: #fff; } .mimariage_menu .white .sub-menu a, .mimariage_menu .grey .sub-menu a { color: #c9c9c9; } /*hover li bgcolor*/ .mimariage_menu > .yellow > .sub-menu li:hover, .mimariage_megamenu.yellow > ul > li > a{ background-color:#e0b84e; } .mimariage_menu > .grey > .sub-menu li:hover, .mimariage_megamenu.grey > ul > li > a{ background-color:#f1f1f1; } .mimariage_menu > .greydark > .sub-menu li:hover, .mimariage_megamenu.greydark > ul > li > a{ background-color:#5f5f5f; } .mimariage_menu > .green > .sub-menu li:hover, .mimariage_megamenu.green > ul > li > a{ background-color:#e4e3c2; } .mimariage_menu > .blue > .sub-menu li:hover, .mimariage_megamenu.blue > ul > li > a{ background-color:#6fc4d9; } .mimariage_menu > .violet > .sub-menu li:hover, .mimariage_megamenu.violet > ul > li > a{ background-color:#ac7ab5; } .mimariage_menu > .orange > .sub-menu li:hover, .mimariage_megamenu.orange > ul > li > a{ background-color:#df764e; } .mimariage_menu > .red > .sub-menu li:hover, .mimariage_megamenu.red > ul > li > a{ background-color:#c86969; } /*megamenu border color*/ .mimariage_megamenu.grey ol li a{ border-right: 1px solid #f1f1f1; } .mimariage_megamenu.greydark ol li a{ border-right: 1px solid #5f5f5f; } .mimariage_megamenu.yellow ol li a{ border-right: 1px solid #e0b84e; } .mimariage_megamenu.orange ol li a{ border-right: 1px solid #df764e; } .mimariage_megamenu.red ol li a{ border-right: 1px solid #c86969; } .mimariage_megamenu.blue ol li a{ border-right: 1px solid #6fc4d9; } .mimariage_megamenu.green ol li a{ border-right: 1px solid #e4e3c2; } .mimariage_megamenu.violet ol li a{ border-right: 1px solid #ac7ab5; } /*end color*/ /********************************************************BASIC************************************************/ .mimariage_menu * { margin: 0; padding: 0; list-style: none; } .mimariage_menu { float: right; } /*mimariage select*/ .tinynav{ float: left; font-size: 15px; display:none; padding: 10px; margin-top: 20px; font-family: 'Cinzel', sans-serif; } /*transparent style*/ .mimariage_transparent_menu{ background: rgba(120,117,129,0.0) !important; } .mimariage_transparent_navigation { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } .mimariage_logo_transparent { display: none; } .mimariage_transparent_menu .mimariage_btn_icon { background: rgba(120,117,129,0.0) !important; } /*for menu fixed*/ .mimariage_navigation{ position:fixed; top:0; left:0; z-index: 99; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } .slowup{ margin-top: -0px; border-bottom: 1px solid #eeeeee; } .slowdown{ margin-top: 0px; background: rgba(120,117,129,0.2); } /*style full boxed*/ .mimariage_menu_fullwidth{ float: left; width: 100%; } .mimariage_menu_boxed{ width:1220px; margin:auto; padding: 0px; } /*dropdown position*/ .mimariage_menu .sub-menu li ul{ padding-left: 45px; padding-top: 0px; top: 0; left: 100%; } /*arrow for sub-menu*/ .sf-with-ul:after{ content: '\e8c7'; font-family: 'fontello'; margin-left:20px; font-size: 13px; } /*first link*/ .mimariage_menu > li > a:after { content: '\e935'; font-family: 'fontello'; vertical-align: middle; font-size: 5px; margin: 0px 20px; } .mimariage_menu > li:last-child > a:after { margin: 0px; display: none; } .mimariage_menu > li > a:last-child{ margin-right: 10px; } /*all link*/ .mimariage_menu a { display: block; position: relative; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;} .mimariage_menu a { text-decoration: none; zoom: 1; font-family: 'Cinzel', sans-serif; } /*link in dropdown*/ .mimariage_menu li ul a { padding: 15px 25px; font-family: 'Cinzel', sans-serif; font-size: 14px; } /*li tag*/ .mimariage_menu > li { float: left; } .mimariage_menu li { white-space: nowrap; -webkit-transition: background .2s; transition: background .2s; position: relative; } /*ul tag*/ .mimariage_menu ul { position: absolute; display: none; top: 100%; margin-left: -25px; z-index: 99; min-width: 12em; padding-top:34px; margin-top:0px; } /*for dropdown active*/ .mimariage_menu li:hover > ul, .mimariage_menu li.sfHover > ul { display: block; } /********************************************************MEGAMENU************************************************/ /*megamenu origin*/ .mimariage_megamenu.mimariage_megamenu_origin ul{ width: initial; margin-left: -25px; left: initial; } /*megamenu*/ .mimariage_megamenu{ position: initial !important;} .mimariage_megamenu > ul{ /*position: fixed;*/ left: 50%; width: 1180px; margin-left: -590px; padding: 0px; margin-top: -30px; padding-top: 30px; } .mimariage_megamenu ul > li{ display: inline-block !important; float: left; margin:0px !important; border-width: 0px !important; } /*hide triangle*/ .mimariage_megamenu .sub-menu li:first-child:before{ display: none; } /*first list*/ .mimariage_megamenu > ul > li:first-child > a:first-child{ border-radius: 0px 0px 0px 0px; } .mimariage_megamenu > ul > li:first-child{ border-radius: 0px 0px 0px 0px 0px; } .mimariage_megamenu > ul > li:last-child > a:first-child{ border-radius: 0px 0px 0px 0px; } .mimariage_megamenu > ul > li:last-child{ border-radius: 0px 0px 0px 0px; } /*title li*/ .mimariage_megamenu > ul > li > a{ padding: 15px 25px; text-transform: uppercase; } /*second list ol*/ .mimariage_megamenu ol li{ border-width: 0px !important; border-radius: 0px !important; } .mimariage_megamenu ul .mm_grid:first-child ol li:last-child{ border-radius: 0px 0px 0px 0px !important; } .mimariage_megamenu ul .mm_grid:last-child ol li:last-child{ border-radius: 0px 0px 0px 0px !important; } .mimariage_megamenu ul .mm_grid:last-child ol li a{ border-right-width: 0px !important; } .mimariage_megamenu ol li a{ font-size: 14px; } .mimariage_megamenu ol li a:before{ content: '\e8c7'; font-family: 'fontello'; margin-right:20px; font-size: 13px; } /*grid*/ .mimariage_megamenu > .sub-menu > .mm_grid:first-child{ border-radius: 0px 0px 0px 0px !important; } .mimariage_megamenu > .sub-menu > .mm_grid:last-child{ border-radius: 0px 0px 0px 0px !important; } /*grid megamenu*/ .mimariage_megamenu .mm_grid_3{ width: 295px; } .mimariage_megamenu .mm_grid_4{ width: 393px; } .mimariage_megamenu .mm_grid_6{ width: 590px; } /* ===== Inlined: mimariage_font.css (icon font classes) ===== */ /* @charset "UTF-8"; */ @font-face { font-family: "fashion-atelier-font"; src:url("../font/fashion-atelier/fashion-atelier-font.eot"); src:url("../font/fashion-atelier/fashion-atelier-fontd41d.eot?#iefix") format("embedded-opentype"), url("../font/fashion-atelier/fashion-atelier-font.woff") format("woff"), url("../font/fashion-atelier/fashion-atelier-font.ttf") format("truetype"), url("../font/fashion-atelier/fashion-atelier-font.svg#fashion-atelier-font") format("svg"); font-weight: normal; font-style: normal; } [class^="mimariage_icon-"]:before, [class*=" mimariage_icon-"]:before { font-family: "fashion-atelier-font" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mimariage_icon-rose:before { content: "E"; } .mimariage_icon-rings:before { content: "K"; } .mimariage_icon-rings2:before { content: "N"; } .mimariage_icon-queen:before { content: "P"; } .mimariage_icon-king:before { content: "M"; } .mimariage_icon-bunch:before { content: "O"; } .mimariage_icon-m-church:before { content: "Q"; } .mimariage_icon-keys:before { content: "R"; } .mimariage_icon-m-restaurant:before { content: "S"; } .mimariage_icon-bell:before { content: "a"; } .mimariage_icon-gift:before { content: "b"; } .mimariage_icon-camera:before { content: "c"; } .mimariage_icon-rings-1:before { content: "d"; } .mimariage_icon-meal:before { content: "e"; } .mimariage_icon-map:before { content: "f"; } .mimariage_icon-peace:before { content: "g"; } .mimariage_icon-ribbon:before { content: "h"; } .mimariage_icon-church:before { content: "i"; } .mimariage_icon-m-star:before { content: "j"; } /* ===== Inlined: mimariage_responsive.css ===== */ /*ipad land*/ @media only screen and (min-width: 960px) and (max-width: 1199px) { .mimariage_container{width:960px;} .mimariage_size_extrabig .mimariage_container { width:920px; } .grid_1 {width:80px;}.grid_2 {width:160px;}.grid_3 {width:240px;}.grid_4 {width:320px;}.grid_5 {width:400px;}.grid_6 {width:480px;}.grid_7 {width:560px;}.grid_8 {width:640px;}.grid_9 {width:720px;}.grid_10 {width:800px;}.grid_11 {width:880px;}.grid_12 {width:960px;} /*some class*/ .mimariage_disable_marginleft_ipadland, .mimariage_disable_marginleft_responsive{ margin-left: 0px !important; } .mimariage_disable_marginright_ipadland, .mimariage_disable_marginright_responsive{ margin-right: 0px !important; } .mimariage_aligncenter_ipadland, .mimariage_aligncenter_responsive { text-align: center !important; } .mimariage_width100_ipadland, .mimariage_width100_responsive { width: 100% !important; } .mimariage_marginbottom20_ipadland, .mimariage_marginbottom20_responsive { margin-bottom: 20px; } .mimariage_margin20_ipadland, .mimariage_margin20_responsive { margin: 20px; } /*disable float*/ .mimariage_disable_floatleft_ipadland { float: initial !important; } .mimariage_disable_floatright_ipadland { float: initial !important; } /*boxed*/ .mimariage_site_boxed, .mimariage_menu_boxed{ width: 980px !important; } /*display*/ .mimariage_displaynone_ipadland, .mimariage_displaynone_responsive{ display: none; } .mimariage_displaynone_desktop { display: block !important; } /*navigation*/ .slowup{ -webkit-animation: none; animation: none; margin-top: 0px !important; } .slowdown{ -webkit-animation: none; animation: none; margin-top: 0px !important; } .tinynav{ display:none; } /*megamenu*/ .mimariage_megamenu .mm_grid_3{ width: 235px !important; } .mimariage_megamenu .mm_grid_4{ width: 313px !important; } .mimariage_megamenu .mm_grid_6{ width: 470px !important; } .mimariage_megamenu > ul{ width: 940px !important; margin-left: -470px !important; } /*megamenu*/ } /*ipad potr*/ @media only screen and (min-width: 768px) and (max-width: 959px) { .mimariage_container {width:744px;} .mimariage_size_extrabig .mimariage_container { width:704px; } .grid_1 {width:62px;}.grid_2 {width:124px;}.grid_3 {width:186px;}.grid_4 {width:248px;}.grid_5 {width:310px;}.grid_6 {width:372px;}.grid_7 {width:434px;}.grid_8 {width:496px;}.grid_9 {width:558px;}.grid_10 {width:620px;}.grid_11 {width:682px;}.grid_12 {width:744px;} /*some class*/ .mimariage_disable_marginleft_ipadpotr, .mimariage_disable_marginleft_responsive{ margin-left: 0px !important; } .mimariage_disable_marginright_ipadpotr, .mimariage_disable_marginright_responsive{ margin-right: 0px !important; } .mimariage_aligncenter_ipadpotr, .mimariage_aligncenter_responsive { text-align: center !important; } .mimariage_width100_ipadpotr, .mimariage_width100_responsive { width: 100% !important; } .mimariage_marginbottom20_ipadpotr, .mimariage_marginbottom20_responsive { margin-bottom: 20px; } .mimariage_margin20_ipadpotr, .mimariage_margin20_responsive { margin: 20px; } /*disable float*/ .mimariage_disable_floatleft_ipadpotr { float: initial !important; } .mimariage_disable_floatright_ipadpotr { float: initial !important; } /*boxed*/ .mimariage_site_boxed, .mimariage_menu_boxed{ width: 788px !important; } /*display*/ .mimariage_displaynone_ipadpotr, .mimariage_displaynone_responsive{ display: none !important; } .mimariage_displaynone_desktop { display: block !important; } /*navigation*/ .slowup{ -webkit-animation: none; animation: none; margin-top: 0px !important; } .slowdown{ -webkit-animation: none; animation: none; margin-top: 0px !important; } .tinynav{ display:block; } .mimariage_menu{ display:none; } } /*iphone land*/ @media only screen and (min-width: 480px) and (max-width: 767px) { body{ -webkit-text-size-adjust:none; } .mimariage_container {width:460px;} .mimariage_size_extrabig .mimariage_container { width:420px; } .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{ width: 460px; } .grid.percentage{ width: 100%; } .mimariage_width_percentage10,.mimariage_width_percentage20,.mimariage_width_percentage25,.mimariage_width_percentage30,.mimariage_width_percentage40,.mimariage_width_percentage50,.mimariage_width_percentage60,.mimariage_width_percentage70,.mimariage_width_percentage80,.mimariage_width_percentage90,.mimariage_width_percentage100 { width: 100% !important; } /*some class*/ .mimariage_disable_marginleft_iphoneland, .mimariage_disable_marginleft_responsive{ margin-left: 0px !important; } .mimariage_disable_marginright_iphoneland, .mimariage_disable_marginright_responsive{ margin-right: 0px !important; } .mimariage_marginleft20_iphoneland { margin-left: 20px !important; } .mimariage_aligncenter_iphoneland, .mimariage_aligncenter_responsive { text-align: center !important; } .mimariage_width100_iphoneland, .mimariage_width100_responsive { width: 100% !important; } .mimariage_marginbottom20_iphoneland, .mimariage_marginbottom20_responsive { margin-bottom: 20px; } .mimariage_margin20_iphoneland, .mimariage_margin20_responsive { margin: 20px; } /*disable float*/ .mimariage_disable_floatleft_iphoneland { float: initial !important; } .mimariage_disable_floatright_iphoneland { float: initial !important; } /*boxed*/ .mimariage_site_boxed, .mimariage_menu_boxed{ width: 500px !important; } /*display*/ .mimariage_displaynone_iphoneland, .mimariage_displaynone_responsive{ display: none; } .mimariage_displaynone_desktop { display: block !important; } /*navigation*/ .slowup{ -webkit-animation: none; animation: none; margin-top: 0px !important; } .slowdown{ -webkit-animation: none; animation: none; margin-top: 0px !important; } .tinynav{ display:block; } .mimariage_menu{ display:none; } } /*iphone potr*/ @media only screen and (min-width: 320px) and (max-width: 479px){ body{ -webkit-text-size-adjust:none; } .mimariage_container{ width:300px;} .mimariage_size_extrabig .mimariage_container { width:260px; } .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{ width: 300px; } .grid.percentage{ width: 100%; } .mimariage_width_percentage10,.mimariage_width_percentage20,.mimariage_width_percentage25,.mimariage_width_percentage30,.mimariage_width_percentage40,.mimariage_width_percentage50,.mimariage_width_percentage60,.mimariage_width_percentage70,.mimariage_width_percentage80,.mimariage_width_percentage90,.mimariage_width_percentage100 { width: 100% !important; } /*some class*/ .mimariage_disable_marginleft_iphonepotr, .mimariage_disable_marginleft_responsive { margin-left: 0px !important; } .mimariage_disable_marginright_iphonepotr, .mimariage_disable_marginright_responsive{ margin-right: 0px !important; } .mimariage_marginleft20_iphonepotr { margin-left: 20px !important; } .mimariage_aligncenter_iphonepotr, .mimariage_aligncenter_responsive { text-align: center !important; } .mimariage_width100_iphonepotr, .mimariage_width100_responsive { width: 100% !important; } .mimariage_marginbottom20_iphonepotr, .mimariage_marginbottom20_responsive { margin-bottom: 20px; } .mimariage_margin20_iphonepotr, .mimariage_margin20_responsive { margin: 20px; } /*disable float*/ .mimariage_disable_floatleft_iphonepotr { float: initial !important; } .mimariage_disable_floatright_iphonepotr { float: initial !important; } /*boxed*/ .mimariage_site_boxed, .mimariage_menu_boxed{ width: 340px !important; } /*display*/ .mimariage_displaynone_iphonepotr, .mimariage_displaynone_responsive{ display: none; } .mimariage_displaynone_desktop { display: block !important; } /*navigation*/ .slowup{ -webkit-animation: none; animation: none; margin-top: 0px !important; } .slowdown{ -webkit-animation: none; animation: none; margin-top: 0px !important; } .tinynav{ display:block; } .mimariage_menu{ display:none; } } /* Estilo para la frase general */ #section_mimariage_phrase { background-color: #f8f8f8; /* Fondo claro */ padding: 60px 0; } #section_mimariage_phrase h2.signature { font-size: 36px; color: #333; } #section_mimariage_phrase p { font-size: 18px; color: #666; } /* ===== SIMPLE PRELOADER ===== */ #preloader { position: fixed; inset: 0; /* top:0; right:0; bottom:0; left:0 */ background: #ffffff; /* Fondo blanco (cámbialo si quieres otro color) */ display: flex; align-items: center; justify-content: center; z-index: 99999; transition: opacity .3s ease, visibility .3s ease; } #preloader .spinner { width: 50px; height: 50px; border: 4px solid #ddd; border-top: 4px solid #d19fae; /* color principal */ border-radius: 50%; animation: spin 1s linear infinite; } /* animación de giro */ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #preloader.hidden { opacity: 0; visibility: hidden; } /* ===== Dresscode Section ===== */ .dresscode-section { position: relative; background-image: url('img/parallax/couple-guitar.jpg'); background-size: cover; background-position: center; background-attachment: fixed; /* bonito en desktop */ overflow: hidden; } /* Overlay para contraste del texto */ .dresscode-overlay { position: absolute; inset: 0; background: rgba(0,0,0,.35); /* ajusta opacidad según tu foto */ pointer-events: none; } /* Overlay para contraste del texto */ .dresscode-overlay-bg-white { background: rgb(255, 255, 255); } /* Prioriza el contenido sobre el overlay */ #dresscode .mimariage_container { position: relative; z-index: 1; } /* Imagen responsive */ .dresscode-img { max-width: 680px; /* límite agradable en desktop */ width: 100%; height: auto; display: block; margin: 0 auto; } /* ===== Responsivo ===== */ /* Tablets y abajo */ @media (max-width: 991px) { .dresscode-section { background-attachment: scroll; /* evita saltos en móviles */ } #dresscode h1 { font-size: 26px; line-height: 1.2; } #dresscode h2 { font-size: 18px; } } /* Móviles */ @media (max-width: 576px) { /* reduce espacios grandes */ #dresscode .mimariage_space90 { height: 30px; } #dresscode .mimariage_padding40 { padding: 20px !important; } #dresscode h1 { font-size: 22px; } #dresscode h2 { font-size: 16px; } /* imagen más contenida en pantallas muy pequeñas */ .dresscode-img { max-width: 86vw; } } /* ===== PRELOADER CON IMAGEN ===== */ #preloader { position: fixed; inset: 0; background: #ffffff; /* color de fondo */ display: flex; align-items: center; justify-content: center; z-index: 99999; transition: opacity .4s ease, visibility .4s ease; } /* Imagen centrada y responsive */ #preloader img { max-width: 40vw; /* la imagen ocupa como máximo el 40% del ancho */ max-height: 40vh; /* la imagen ocupa como máximo el 40% de la altura */ width: auto; height: auto; } /* Estado oculto */ #preloader.hidden { opacity: 0; visibility: hidden; } /* ===== Ajustes responsivos ===== */ @media (max-width: 768px) { #preloader img { max-width: 60vw; /* más grande en tablets */ max-height: 50vh; } } @media (max-width: 480px) { #preloader img { max-width: 70vw; /* aún más grande en móviles */ max-height: 60vh; } } .active-dest { background-color: #333 !important; /* más oscuro */ color: #fff !important; border: 2px solid #ff4d4d; /* opcional: borde rojo */ } #rsvp-status-text.black { color: #000000 !important; } /* Ajustes generales de inputs, selects y textarea */ #submit-to-google-sheet input.big, #submit-to-google-sheet select.big, #submit-to-google-sheet textarea.big { background-color: #fff; /* Fondo blanco */ border: 2px solid #ccc; /* Borde gris definido */ border-radius: 8px; /* Bordes redondeados suaves */ padding: 12px 15px; font-size: 16px; color: #333; /* Texto oscuro */ width: 100%; box-sizing: border-box; transition: all 0.3s ease; } /* Efecto al enfocar */ #submit-to-google-sheet input.big:focus, #submit-to-google-sheet select.big:focus, #submit-to-google-sheet textarea.big:focus { border-color: #d19fae; /* Color rosa de tu paleta */ box-shadow: 0 0 6px rgba(209,159,174,0.5); outline: none; } /* Placeholder más visible */ #submit-to-google-sheet input.big::placeholder, #submit-to-google-sheet textarea.big::placeholder { color: #888; /* Gris medio, más legible */ font-style: italic; } /* Select más bonito */ #submit-to-google-sheet select.big { appearance: none; /* Quita flecha por defecto */ background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; padding-right: 35px; /* Espacio para flecha */ } /* Textarea más cómodo */ #submit-to-google-sheet textarea.big { min-height: 100px; resize: vertical; } /* Barra fija */ .audio-fab{ position: fixed; top: 16px; /* esquina superior derecha */ right: 16px; display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: rgba(255,255,255,0.9); border: 1px solid rgba(0,0,0,0.08); border-radius: 999px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); backdrop-filter: blur(6px); z-index: 99999; /* por encima de sliders/preloader */ } /* Botón */ .audio-btn{ appearance: none; border: none; background: #d19fae; /* color de tu paleta */ color: #fff; width: 36px; height: 36px; border-radius: 50%; font-size: 16px; line-height: 36px; cursor: pointer; transition: transform .15s ease; } .audio-btn:hover{ transform: scale(1.05); } .audio-btn:focus-visible{ outline: 2px solid #333; outline-offset: 2px; } /* Texto de pista */ .audio-track{ color: #333; font-weight: 600; white-space: nowrap; max-width: 180px; overflow: hidden; text-overflow: ellipsis; } /* En móviles, esconder el texto y dejar solo el botón */ @media (max-width: 480px){ .audio-track{ display: none; } }