.wpGalWrapper{ width: calc(100vw - 350px) !important; } .wpGalleryWrapper, .module_column_40416-4-0{ width:100vw !important; max-width:300px; } #galmenuwrapper{ display:block; position:relative; text-align:center; width:100%; } #galmenu{ display:inline-block; position:relative; height:100%; padding:10px; font-family: "Roboto", Arial, sans-serif; text-align:left; } #galmenu .title{ font-weight:200; font-size:1.2em; color:#888; font-family: "Pratt", Georgia, serif !important; } #galmenu ul{ margin:0 0 1.4em 0; } #galmenu ul, #galmenu li{ list-style:none; padding:0; border:none; } .adgal{ text-align:left; } .adgal .item{ display:inline-block; position:relative; width:250px; height:300px; margin:10px 5px; padding:5px; background:#f9f9f9; border:1px solid #ddd; text-align:left; -webkit-transition: all .45s; transition: all .45s; overflow:hidden; float:left; line-height:1em; } .adgal .item img{ display:block; position:relative; width:250px; height:200px; margin:0 0 5px 0; background:#444; } .adgal .item p{ font-family: "Roboto", Arial, sans-serif; margin:.2em 0; } .adgal .item a{ display:block; font-size:.8em; color:#ee2c49; text-decoration:none; font-weight:900; cursor:pointer; -webkit-transition: color .45s; transition: color .45s; } .adgal .item a span{ transition: padding .45s; } .adgal .item a:hover{ color:#ff3333; } .adgal .item a:hover span{ padding-left:.6em; } .company{ font-size:16px; font-family: "Pratt", Georgia, serif !important; font-weight:900; } .body{ font-size:.8em;; } .adgal .hidden{ opacity:0; width:0px; height:280px; margin:10px 0px; padding:5px 0px; border:0px solid #999; } .cco{ display:block; position:absolute; bottom:0; right:4px; font-size:.6em; font-family: "Roboto", Arial, sans-serif; } /*checks*/ input[type=checkbox]:not(old), input[type=radio ]:not(old){ width : 2em; margin : 0; padding : 0; font-size : 1em; opacity : 0; } input[type=checkbox]:not(old) + label, input[type=radio ]:not(old) + label{ display : inline-block; margin-left : -2em; line-height : 1.5em; } input[type=checkbox]:not(old) + label > span, input[type=radio ]:not(old) + label > span{ display : inline-block; width : 0.875em; height : 0.875em; margin : 0.25em 0.5em 0.25em 0.25em; border : 0.0625em solid rgb(192,192,192); border-radius : 0.25em; background : rgb(224,224,224); background-image : -moz-linear-gradient(rgb(215,240,240),rgb(224,224,224)); background-image : -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224)); background-image : -o-linear-gradient(rgb(240,240,240),rgb(224,224,224)); background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224)); background-image : linear-gradient(rgb(240,240,240),rgb(224,224,224)); vertical-align : bottom; } input[type=radio ]:not(old) + label > span{ border-radius : 10.25em; } input[type=checkbox]:not(old):checked + label > span, input[type=radio ]:not(old):checked + label > span{ background-image : -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240)); background-image : -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240)); background-image : -o-linear-gradient(rgb(224,224,224),rgb(240,240,240)); background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240)); background-image : linear-gradient(rgb(224,224,224),rgb(240,240,240)); } /*input[type=checkbox]:not(old):checked + label > span:before{ content : '✓'; display : block; width : 1em; color : rgb(153,204,102); font-size : 0.875em; line-height : 1em; text-align : center; text-shadow : 0 0 0.0714em rgb(115,153,77); font-weight : bold; }*/ input[type=checkbox]:not(old):checked + label > span > span, input[type=radio]:not(old):checked + label > span > span{ display : block; width : 0.5em; height : 0.5em; margin : 0.125em; border : 0.0625em solid rgb(250,15,15); border-radius : 0.125em; background : rgb(250,15,15); background-image : -moz-linear-gradient(rgb(250,15,15),rgb(207,0,0)); background-image : -ms-linear-gradient(rgb(250,15,15),rgb(207,0,0)); background-image : -o-linear-gradient(rgb(250,15,15),rgb(207,0,0)); background-image : -webkit-linear-gradient(rgb(250,15,15),rgb(207,0,0)); background-image : linear-gradient(rgb(250,15,15),rgb(207,0,0)); } input[type=radio]:not(old):checked + label > span > span{ border-radius : 10.25em; } @media screen and (max-width: 679px) { .wpGalMenuWrapper{ max-width:auto; } .wpGalWrapper{ width: auto; } #galmenuwrapper{ text-align:left; } .adgal{ width:100vw; } .adgal .item{ display:inline-block; position:relative; width:45vw; height:65vw; margin:1%; padding:1%; } .adgal .item img{ width:100%; height:auto; } } .sub_row_0-0-2 a{ font-size:.8em !important; color:#ee2c49 !important; text-decoration:none !important; text-transform: uppercase; font-weight:900 !important; font-family: "Roboto", Arial, sans-serif; cursor:pointer; background:none !important; border:none; box-shadow:none !important; -webkit-transition: color .45s; transition: color .45s; } .sub_row_0-0-2 a span{ transition: padding .45s; } .sub_row_0-0-2 a:hover{ color:#ff3333; } .sub_row_0-0-2 a:hover span{ padding-left:.6em; } .bpreview{ display:none; }