/* Theme Name: Artistic Green Theme URI: http://newmodernthemes.com/artisticgreen Description: Technology Theme. Version: 1.0 Author: Gokhan KOROL Author URI: http://newmodernthemes.com License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: two-columns, right-sidebar, accessibility-ready Text Domain: artistic-green */ /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v11/ZKwULyCG95tk6mOqHQfRBCEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v11/-_Ctzj9b56b8RgXW8FArifk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/yQiAaD56cjx1AooMTSghGfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v11/Li18TEFObx_yGdzKDoI_ciEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v11/CcKI4k9un7TZVWzRVT-T8_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/WmVKXVcOuffP_qmCpFuyzSEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } * { box-sizing: border-box; } body { font-family: 'Open Sans', sans-serif; font-family: 'Raleway', sans-serif; margin:0px; background: #f2f2f2; color: #000; } header { float: left; width: 100%; } nav { float: left; width: 100%; } #content { width: 100%; float: left; } .content { width: 100%; float: left; } #page { width: 80%; margin: 0px auto; } .pageindx { width: 100%; margin: 0px auto; max-width: 1010px; } #disnav { float: left; width: 100%; background: #006f61; border-top: 1px solid #888; border-bottom: 1px solid #888; } #icnav { float: left; } #icnav b { font-weight:normal; } #icnav>ul { list-style: none; padding: 0px; margin: 0px auto; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; float: left; flex-wrap: nowrap; display: -ms-flexbox; display: -ms-flexbox; } #navmenutwo ul { list-style: none; padding: 0px; margin: 0px auto; width: auto; display: flex; float: left; flex-wrap: wrap; } #icnav ul li { color: #f3f3f3; font-size: 13px; -webkit-transition: 0.5s background; -moz-transition: 0.5s background; -o-transition: 0.5s background; transition: 0.5s background; text-align: center; cursor: pointer; } #icnav ul li:hover { background: rgba(242, 242, 242, 0.05); color: #fff; } #icnav ul a { color:inherit; text-decoration:none; } #icnav ul li i { font-size: 36px; text-align: center; opacity: 0.8; margin-right: 10px; } .navmenuicn { float:left; } .navmenuicn:hover { background:transparent !important; } #leftmenuhome { float:left; box-shadow: inset 0px 0px 72px -15px #111; } #leftmenuhome li { float:left; } #leftmenuhome li a { font-family:Raleway,sans-serif; padding:17px !important } footer { width:100%; position: relative; background: #3c3c3c; float: left; z-index: 56; margin-top: 50px; } #emptyheader { width:100%; background: #f9f9f9; height:180px; box-shadow: inset 0px 12px 40px 10px #f1f1f1; } #fefirst {float: left;width: 200px;width: 18.8%;height: 350px;overflow: hidden;background: #228fd8;margin-right: 18px;} #fesecond {float: left;width: 200px;width: 18.8%;height: 350px;background: #e74c3c;margin-right: 18px;overflow: hidden;} #fethird {float: left;width: 18.8%;overflow: hidden;height: 165px;background: #1abc9c;margin-bottom: 20px;} #fethird img { width: 100%; height: 165px; } #fefourst {float: left;width: 18.8%;height: 165px;overflow: hidden;background: #e67e22;} #feimgone {float: left;overflow: hidden;z-index: 5;position: relative;height: 170px;width: 100%;background: #fff;} #feimgone img,#feimgsecond img {width: 100%;position: relative;height: 170px;z-index: 3;} #feimgsecond {float: left;width: 100%;background: #fff;} #feimgsecond img { } #feimgthird { width: 100%; height: 100%; background: #fff; } #feimgfourst { background: #fff; width: 100%; height: 100%; } #feimgfourst img { width:100%; height: 165px; } #fetitleone {float: left;text-overflow: ellipsis;width: 100%;height: 58px;overflow: hidden;border-top: 1px solid #0381d2;border-bottom: 1px solid #005b96;display: inline-block;background: -webkit-linear-gradient(45deg,#228fd8,#1589d6,#1b6fc5,#0e79bf);background: -moz-linear-gradient(45deg,#228fd8,#1589d6,#1b6fc5,#0e79bf);background: -ms-linear-gradient(45deg,#228fd8,#1589d6,#1b6fc5,#0e79bf);background: -o-linear-gradient(45deg,#228fd8,#1589d6,#1b6fc5,#0e79bf);background: linear-gradient(45deg,#228fd8,#1589d6,#1b6fc5,#0e79bf);} .titles {color: #f2f2f2;font-weight: 500;padding: 4px 10px;margin: 0px;font-size: 100%;padding-top: 10px;float: left;width: 100%;height: 94%;} #fetitlesecond {float: left;background: -webkit-linear-gradient(45deg,#f75c4c,#da4738,#ca4638,#c13b2d);background: -moz-linear-gradient(45deg,#f75c4c,#da4738,#ca4638,#c13b2d);background: -ms-linear-gradient(45deg,#f75c4c,#da4738,#ca4638,#c13b2d);background: -o-linear-gradient(45deg,#f75c4c,#da4738,#ca4638,#c13b2d);background: linear-gradient(45deg,#f75c4c,#da4738,#ca4638,#c13b2d);border-bottom: 1px solid #b13225;margin-top: -4px;height: 58px;width: 100%;} #fetitlethird { position: relative; color: #f2f2f2; height: 50px; top: -50px; background: #006f61; background: -webkit-linear-gradient(45deg,#1cab8e,#107b65,#157d68,#19967d); background: -moz-linear-gradient(45deg,#1cab8e,#107b65,#157d68,#19967d); background: -ms-linear-gradient(45deg,#1cab8e,#107b65,#157d68,#19967d); background: -o-linear-gradient(45deg,#1cab8e,#107b65,#157d68,#19967d); background: linear-gradient(45deg,#1cab8e,#107b65,#157d68,#19967d); font-size: 13px; font-weight: 500; text-overflow: ellipsis; padding: 10px; } #fetitlefourst { position: relative; height: 50px; color: #f2f2f2; top: -50px; background: #e67e22; background: -o-linear-gradient(45deg,#fd9438,#d87217,#de781c,#ea8a36),#e67e22; background: -moz-linear-gradient(45deg,#fd9438,#d87217,#de781c,#ea8a36),#e67e22; background: -ms-linear-gradient(45deg,#fd9438,#d87217,#de781c,#ea8a36),#e67e22; background: -webkit-linear-gradient(45deg,#fd9438,#d87217,#de781c,#ea8a36),#e67e22; background: linear-gradient(45deg,#fd9438,#d87217,#de781c,#ea8a36),#e67e22; -o-background: #e67e22; -moz-background: #e67e22; font-weight: 500; font-size: 13px; text-overflow: ellipsis; padding: 10px; } #fetitlefourst h4, #fetitlethird h4 { margin:0px; font-weight:inherit; height: 30px; display: block; display: -webkit-box; line-height: 117%; max-width: 200px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #fetitleonetwo {float: left;background: #0066ab;width: 200px;height: 122px;display: block;} #fetitlesecondtwo {float: left;background: #b53d31;height: 122px;width: 200px;} #fetitlethirdtwo {} #fetitlefoursttwo {} #featuredcontent{min-width:1000px;max-width:1070px;width: auto;margin: 0px auto;margin-top: 70px;} #featuredcontent h3 {font-size: 20px;color: #333;} #homeone,#homeonetwo { float: left; color: #409e91; font-size: 38px; padding: 5px; text-decoration: none; margin-left: 28px; margin-right: 10px; } #navmenutwo { float: left; padding: 0px; margin: 0px; } #navmenutwo li a{ padding: 17px !important; } #navmenutwodiv {float: left;margin-left: 30px;} #footertop {float: left;width: 100%;padding: 35px 0px;background: #242424;border-top: 5px solid #006f61;} #footerbottom {float: left;width: 100%;height: 40px;background: -webkit-linear-gradient(45deg,#01332d,#085047,#1c756a,#0d5048);background: -moz-linear-gradient(45deg,#01332d,#085047,#1c756a,#0d5048);background: -ms-linear-gradient(45deg,#01332d,#085047,#1c756a,#0d5048);background: -o-linear-gradient(45deg,#01332d,#085047,#1c756a,#0d5048);background: linear-gradient(45deg,#01332d,#085047,#1c756a,#0d5048);border-top: 1px solid #00332d;} .featurescl {box-shadow: 0px 0px 8px -4px #000;} .featurescl a {text-decoration:none;margin: 0;padding: 0;} .featurescl figure { margin: 0px !important; margin: 0px; padding: 0px; height: 100%; width: 100%; } .titlemb { color: #f8f8f8; font-weight: 100; margin: 0px; padding: 10px; -webkit-transition: 0.5s text-shadow,0.5s color; -moz-transition: 0.5s text-shadow,0.5s color; -o-transition: 0.5s text-shadow,0.5s color; transition: 0.5s text-shadow,0.5s color; font-size: 80%; height: 122px; } #cuttitletw,#cuttitlethr ,#cuttitlefr{ width: 100%; float:left; height: 100%; color: #fff; } #cuttitle ,#cuttitletw{ width: 100%; float:left; height: 100%; } .titlembt { color: #f8f8f8; font-weight: 100; margin: 0px; padding: 10px; -webkit-transition: 0.5s text-shadow,0.5s color; -moz-transition: 0.5s text-shadow,0.5s color; -o-transition: 0.5s text-shadow,0.5s color; transition: 0.5s text-shadow,0.5s color; font-size: 80%; } .fetitleff { -webkit-transition: 0.5s text-shadow,0.5s color; -moz-transition: 0.5s text-shadow,0.5s color; -o-transition: 0.5s text-shadow,0.5s color; transition: 0.5s text-shadow,0.5s color; } .featurescl:hover .titlembt,.featurescl:hover .titlemb,.featurescl:hover .cuttitle { color:transparent; } .ftreadmr { display: block !important; position:absolute; padding:40px; text-shadow: none; color: transparent; font-size:18px; transition: 0.5s color; } .titlemb:hover .ftreadmr,.titlembt:hover .ftreadmr { display:block !important; color:#fff; } #logo { float:left; margin-top: 30px; width: auto; color: #555; margin-left: 70px; height: 125px; font-size: 90%; } #logo img { width: 300px; height: 100%; cursor: default; } #logo a { color:inherit; text-decoration:none; } #logo a:hover { color:#006f61; } #searchbar { float:right; width: auto; margin-top: 70px; margin-right: 50px; height: 50px; } #search { } .inputbr { padding: 7px; float: left; border: none; background: transparent; width: 200px; box-shadow: 0px 14px 35px -18px #000; padding-left: 10px; height: 38px; outline: none; font-size: 13px; color: #444; font-family: Raleway,sans-serif; border-bottom: 2px solid #006f61; } #searchbutton { float: left; color: #029e8b; cursor: pointer; padding: 10px; font-size: 22px; margin-left: 2px; } #searchbutton i { } #fefivest { width: 36%; overflow: hidden; height: 165px; float: left; margin-right: 18px; margin-bottom: 20px; background: #006f61; } #featuredcontent>div img { cursor:default; } #featuredcontent .featurescl:hover { cursor:default; text-shadow:0px 0px 10px rgba(255, 255, 255, 0.67); filter: progid:DXImageTransform.Microsoft.Shadow(color=#FFFFFF,direction=45); } #fesixst { width: 35.9%; height: 165px; float: left; background: #f1c40f; margin-right: 18px; overflow: hidden; } #fesixst .fetitleft { background: -webkit-linear-gradient(45deg,#f1cb37,#dcb000,#deb50f,#dab418); background: -moz-linear-gradient(45deg,#f1cb37,#dcb000,#deb50f,#dab418),#f1c40f; background: -ms-linear-gradient(45deg,#f1cb37,#dcb000,#deb50f,#dab418),#f1c40f; background: -o-linear-gradient(45deg,#f1cb37,#dcb000,#deb50f,#dab418),#f1c40f; background: linear-gradient(45deg,#f1cb37,#dcb000,#deb50f,#dab418),#f1c40f; } #fesixst .fetitleff { background: #c39c00; } .feimgff img { width: 100%; height: 165px; } .feimgff { float:left; width: 52%; background: #fff; } .titleb { width: 100%; padding:10px; margin:0px; height: 94%; color: #f2f2f2; font-weight: 500; overflow: hidden; font-size: 100%; } #fefivest .fetitleff { background: #01483f; } .fetitleff { padding: 0px; } .fetitleff p { margin:0px; font-weight:inherit; /* width: 180px; */ width: 185px; height: 106px; overflow: hidden; display: block; padding: 10px; line-height: 110%; } .fetitleft { height: 36%; float:left; width: 48%; background: -webkit-linear-gradient(45deg,#058675,#04584e,#075a50,#007566); background: -ms-linear-gradient(45deg,#058675,#04584e,#075a50,#007566); background: -moz-linear-gradient(45deg,#058675,#04584e,#075a50,#007566); background: -o-linear-gradient(45deg,#058675,#04584e,#075a50,#007566); background: linear-gradient(45deg,#058675,#04584e,#075a50,#007566); padding: 0px; overflow: hidden; text-overflow: ellipsis; } .tabcent { float:left; width: 48%; height: 64%; } #fefivest .cuttitle { background:#01483f; } #fesixst .cuttitle { background:#c39c00; } .cuttitle { margin:0px; padding:10px; width: 100%; height: 100%; font-weight:100; font-size:80%; transition: 0.5s text-shadow,0.5s color; -webkit-transition: 0.5s text-shadow,0.5s color; -moz-transition: 0.5s text-shadow,0.5s color; -o-transition: 0.5s text-shadow,0.5s color; -ms-transition: 0.5s text-shadow,0.5s color; } .articlefg { width: 195px; min-width: 160px; height: 235px; float: left; margin-right: 16px; margin-bottom: 25px; overflow:hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); text-decoration: none; } .articlefg a { text-decoration:none; } .articlefg:hover .articlereadmr { display:block; } .articleimg { float: left; width: 100%; background: #fff; height: 184px; overflow: hidden; } .articleimg img { width: 100%; height: 100%; cursor: default; } .articletitle { float: left; text-overflow: ellipsis; width: 100%; padding: 6px; padding-left: 10px; background: #006f61; color: #eee; font-weight: 600; height: 51px; overflow: hidden; -webkit-transition: 0.8s text-shadow; -moz-transition: 0.8s text-shadow; -o-transition: 0.8s text-shadow; transition: 0.8s text-shadow; } .articletitle:hover {text-shadow: 0px 0px 1px #fff;} .articletitlefrst { float:left; max-width: 300px; font-family: Open sans,sans-serif; height: 44px; overflow: hidden; font-size: 15px; } .posttitleo { margin:0px; text-overflow:ellipsis; display: -webkit-box; padding-top: 3px; width: 100%; font-size: 90%; overflow: hidden; -webkit-box-orient: vertical; height: 42px; height: 85%; line-height: 122%; display: block; max-width: 200px; } .articlecategory { float: left; overflow: hidden; height: 0px; width: 230px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); background: #fff; } .articledate {} #article { float: left; width: 700px; margin-top: 80px; } #articlepage { margin: 0px auto; width: 91%; } .rmpnl { position:absolute; width: 195px; } .articlereadmr { float: right; cursor: pointer; font-weight: 800; padding: 10px; display: none; color: #009a87; background: rgba(255, 255, 255, 0.9); font-size: 13px; border-top-left-radius: 2px; } .readcbk { background: #009a87; background: #fff; border-top: 1px solid #ccc; width: 360px; height: 20px; display: none; position: relative; top: 97px; left: -150px; } .titlearticle { float:left; padding: 10px; padding-bottom: 0px; width: 210px; font-family: Open sans,sans-serif; color: #333; font-size: 14px; height: 78px; overflow: hidden; } .articleby { font-size: 13px; padding: 4px; color: #c8d8d6; background: #333; font-weight: 100; border-top-right-radius: 4px; border-bottom-right-radius: 4px; position: absolute; margin-top: 139px; line-height: 15px; max-width: 120px; text-align: right; font-family: Open sans,sans-serif; } .articlebyb {margin-top:153px; !important} .articleby ul li a { text-decoration:none; color:#fff; } .articleby ul { list-style-type:none; margin:0px; padding:0px; } .articlebc { float: left; margin-bottom: 2px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .articlebyin { float: right; width: 100%; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: nowrap; } .articleby span { padding-bottom: 0px; margin-bottom: 0px; overflow: hidden; } .articleimgshadow { width: 195px; height: 184px; position: absolute; background: rgba(0, 0, 0, 0.10); } aside { float: right; } #aside {float: right;width: 28.5%;} #asidein { } .sidebar-wg:first-child { margin-top:80px; } .sidebar-wg { width: 100%; margin-top: 40px; overflow: hidden; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); } .sidebar-wg ul { margin:0px; padding:0px; text-decoration: none; list-style-type: none; } .sidebar-wg ul li { border-bottom: 1px solid #ddd; } .sidebar-wg ul li a{ } .sidetitle { width: 100%; margin: 0px; color: #eee; background: #333; box-shadow: 0px 0px 22px -10px #015248; height: 42px; font-family: Open sans,sans-serif; padding: 12px; font-size: 13px; font-weight: 500; border-bottom: 1px solid #ccc; } .sidelist {} .recenttitlesh { background: #006f61; float: left; width: 98.1%; margin-bottom: 35px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } .recenttitlesh h3 { background: #333; color: #f2f2f2; font-size: 16px; margin: 0px; font-weight: 500; padding: 12px; } .rcti { float: left; margin-left: 20px; } #footer-sidebar { margin: 0px auto; width: 85%; height: 20px; } #footer-sidebar>div { color: #f2f2f2; font-size: 13px; line-height: 24px; padding: 0px 5px; width: 22%; margin-right: 3%; } #footer-sidebar>div a { color: #f2f2f2; text-decoration:none; } #footer-sidebar>div>aside { margin:0px; float: left; } #footer-sidebar>div>aside h3 { color: #f2f2f2; font-family: Raleway,sans-serif; } #footer-sidebar>div>aside ul { margin:0px; padding:0px; list-style-type: none; } #footer-sidebar>div>aside ul li { margin:0px; padding:0px; padding-bottom: 5px; } #footer-sidebar>div>aside ul a { text-decoration:none; color: #f2f2f2; } #footer-sidebar>div>aside ul a:hover { text-decoration:none; color: #fff; text-shadow: 0px 0px 2px #fff; } #footer-sidebar1 { float:left; margin-right: 6%; } #footer-sidebar2 { float:left; } #footer-sidebar3 { float:left; min-height: 10px; } #footer-sidebar4 { float:left; margin-right: 0% !important; } #cssmenu,#cssmenutwo, #cssmenu ul,#cssmenutwo ul, #cssmenu li,#cssmenutwo li, #cssmenu a,#cssmenutwo a { border: none; margin: 0; padding: 0; line-height: 1; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #cssmenu,#cssmenutwo { min-height: 48px; display: block; padding: 0; margin: 0; float: left; width: auto; } #cssmenu,#cssmenutwo, #cssmenu > ul > li > ul > li a:hover,#cssmenutwo > ul > li > ul > li a:hover { } #cssmenu > ul ,#cssmenutwo > ul { padding: 0; background: #333; margin: 0; box-shadow: inset 0px 0px 72px -15px #000; } #cssmenu > ul > li,#cssmenutwo > ul > li { list-style: inside none; padding: 0; margin: 0; float: left; display: block; position: relative; } #cssmenu > ul > li > a,#cssmenutwo > ul > li > a { float: left; font-family: Raleway,sans-serif; outline: none; display: block; position: relative; padding: 0px 0px; text-decoration: none; color: #ffffff; } #cssmenu li::before,#cssmenutwo li::before { float:left; padding-right:5px; position: relative; top: 17px; left: 18px; } #cssmenu ul li.has-sub:hover > a:after,#cssmenutwo ul li.has-sub:hover > a:after { top: 0; bottom: 0; } #cssmenu > ul > li.has-sub > a:before,#cssmenutwo > ul > li.has-sub > a:before { content: ''; position: relative; top: 5px; right: -4px; float: right; border: 5px solid transparent; border-top: 5px solid #f2f2f2; } #cssmenu > ul > li.has-sub:hover > a:before,#cssmenutwo > ul > li.has-sub:hover > a:before { } #cssmenu ul li.has-sub:hover > a,#cssmenutwo ul li.has-sub:hover > a { z-index: 999; } #cssmenu ul li.has-sub:hover > ul,#cssmenutwo ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div,#cssmenutwo ul li.has-sub:hover > div { display: block; } #cssmenu ul li.has-sub > a:hover,#cssmenutwo ul li.has-sub > a:hover { } #cssmenu ul li > ul,#cssmenutwo ul li > ul, #cssmenu ul li > div,#cssmenutwo ul li > div { display: none; width: auto; position: absolute; top: 47px; left: 0px; padding: 10px 0; background: #3f3f3f; z-index: 999; } #cssmenu ul li > ul,#cssmenutwo ul li > ul { width: 200px; background: #333; } #cssmenu ul li > ul li,#cssmenutwo ul li > ul li { display: block; list-style: inside none; padding: 0; margin: 0; position: relative; } #cssmenu ul li > ul li a,#cssmenutwo ul li > ul li a { outline: none; display: block; position: relative; margin: 0; /* padding: 0px; */ color: #ffffff; text-decoration: none; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); } #cssmenu ul ul a:hover,#cssmenutwo ul ul a:hover { color: #ffffff; } #cssmenu > ul > li.has-sub > a:hover:before,#cssmenutwo > ul > li.has-sub > a:hover:before { border-top: 5px solid #f2f2f2; } #copyrighttheme { float:right; color:#fff; padding:12px 15px 0px 0px; font-size:13px; } #copyrighttheme a { color:#fff; text-decoration:none; border-bottom: 1px dotted #fff; } .readmrmr { float:left; position:absolute; color:transparent; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; padding: 50px; font-size: 18px; text-shadow: none; font-weight: 100; } .readmrmrt { float:left; position:absolute; color:transparent; transition: 0.5s text-shadow,0.5s color; -moz-transition: 0.5s text-shadow,0.5s color; -webkit-transition: 0.5s text-shadow,0.5s color; -o-transition: 0.5s text-shadow,0.5s color; -ms-transition: 0.5s text-shadow,0.5s color; padding: 42px; font-size: 18px; font-weight: 100; text-shadow: none; } .featurescl:hover .readmrmr,.featurescl:hover .readmrmrt { color:white; } #featured-titles { font-size: 18px; color: #333; } #footercenter { width:92%; margin:0px auto; } /*Sidebar Calendar Styles*/ .sidebar-wg .widgetin a {margin: 0;text-decoration: none;color: #555;font-size: 100%;} .sidebar-wg .widgetin a:hover,.sidebar-wg a:hover {color: #009a87;} .sidebar-wg .widgetin {padding: 15px 15px;font-size: 14px;} .sidebar-wg .widgetin ul li ul { } .sidebar-wg .widgetin #wp-calendar { width: 100%; } .sidebar-wg .widgetin #wp-calendar caption {font-weight: bold;text-transform: uppercase;color: #777;/* margin-bottom: 5px; */font-family: Open sans,sans-serif;font-size: 16px;font-weight: 500;} .sidebar-wg .widgetin #wp-calendar tr td { text-align: center; padding: 6px 0px;} .sidebar-wg .widgetin #wp-calendar tr td#today { background: #e4e4e4; border-radius: 50%;} .sidebar-wg .widgetin #wp-calendar tfoot tr td a { float: left !important; } .sidebar-wg .widgetin #wp-calendar thead { font-weight: bold;} .sidebar-wg .widgetin #s { width: 100%; margin-bottom: 0;} .sidebar-wg .searchform input[type="text"]{/* float:left; */padding: 8px 2px;padding-right: 33px;font-family: Raleway,sans-serif;width: 100% !important;border: 1px solid #ccc;} .sidebar-wg .searchform input[type="submit"] {padding:8px;margin: 0px 5px;float:right;/* display: none; */position: relative;/* margin-left: 231px; */background-color: transparent;background-image: url(./img/search.png);background-size: 24px;background-position: 8px 5px;background-repeat: no-repeat;color: transparent;height: 30px;width: 38px;margin-top: -33px;border: 1px solid #aaa;font-weight: 500;border: none;right: 5px;} .sidebar-wg .searchform label { width:100%; float:left; display: none; margin-bottom:5px; } .sidebar-wg .searchform { /* float:left; */ } .sidebar-wg .widgetin { background:#fff; } .sidebar-wg {display: block;margin-bottom: 20px;} .sidebar-wg .rss-date { float: left; clear: both; width: 100% !important; text-transform: uppercase; font-size: 11px; color:#7d7d7d; margin-bottom: 10px; } .sidebar-wg cite { display: block; font-style: italic; margin-top: 5px; margin-bottom: 15px; } .sidebar-wg ul li { border-bottom: 1px solid #ddd; padding-bottom: 10px; } .sidebar-wg ul li ul > li { border: none !important; } .sidebar-wg ul li:last-of-type { border-bottom: none; } .sidebar-wg img { width: auto; height: auto;} .sidebar-wg .widgetin img { width: 100%; height: auto ; } .sidebar-wg select { padding: 5px !important; width: 100%; margin-bottom: 0px !important; } .sidebar-wg ul li ul li ul li ul li ul li ul li ul > li { display: none !important; } /* Sidebar */ #sidebar {/* width: 285px; */width: 300px;float: right;margin-top: 25px;} .sidebar-wg .widgetin { background:#fff; } .sidebar-wg {display: block;margin-bottom: 20px;} .sidebar-wg .rss-date { float: left; clear: both; width: 100% !important; text-transform: uppercase; font-size: 11px; color:#7d7d7d; margin-bottom: 10px; } .sidebar-wg cite { display: block; font-style: italic; margin-top: 5px; margin-bottom: 15px; } .sidebar-wg ul li {border-bottom: 1px solid #ddd;padding-bottom: 10px;padding-top: 10px;} .sidebar-wg ul li ul > li { border: none !important; } .sidebar-wg ul li:last-of-type { border-bottom: none; } .sidebar-wg img { width: auto; height: auto;} .sidebar-wg .widgetin img { width: 100%; height: auto ; } .widgetin #gallery-1 img {border-color:#eee !important;} .sidebar-wg select { padding: 5px !important; width: 100%; margin-bottom: 0 !important; } .sidebar-wg ul li ul li ul li ul li ul li ul li ul > li { display: none !important; } #articlepage .recentcategory:first-child {margin-top:0px;} .recentcategory {float:left;width:100%;margin: 25px -25px;margin-bottom: 20px;color: #444;font-size: 21px;font-weight: 500;border-bottom: 1px solid #ccc;padding-bottom: 5px;} .categoryposts { float: right; text-decoration: none; font-size: 13px; color: #888; margin: 0px; margin-right: 30px; } .sidebar-wg a { color:#333; text-decoration:none; } .categoryposts:hover {color:#555;} #page {} #text { float: left; width: 70.1%; overflow: hidden; font-size: 15px; font-family: Open sans,sans-serif; background: #fff; color: #333; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); margin-top: 80px; } #text img { max-width:100%; max-height: 100%; } #post { padding: 30px; float: left; width: 100%; } #postpage { float: left; font-family: Roboto,Helvetica,sans-serif; font-size: 16px; line-height: 21px; font-weight: 300; color: #222; width: 100%; } #postpage img { max-width: 100%; max-height: 100%; display: block; height: auto; } .wp-caption { padding-top:5px; width: 100% !important; background: #f5f5f5; } .wp-caption .wp-caption-text { text-align:center; color:#333; margin: 2px 0px !important; } .wp-caption .wp-caption-text p { margin:0px; padding:0px; } .wp-caption img { margin:auto; display: block; max-width: 100%; } #postpage strong ,#postpage b { font-weight:500; } #postpage h3 { font-weight:500; } #postpage tr td{ width: 0%; } #postpage figure { margin:20px; } #postpage figure img { max-height:100%; max-height: 100%; } #postpage a { text-decoration:none; color: #02709c; cursor: pointer; } #postpage p { margin:10px 0px; } #postpage a:hover { text-decoration:underline; } #infos { float: left; width: 100%; } #categoryp { margin: 0px; float: right; } #categoryp b { float: right; color: #fff; padding: 12px 0px; } #categoryp ul { list-style-type:none; margin:0px; margin-left: 10px; padding: 12px; padding-right: 0px; float: left; } #categoryp ul li { list-style-type:none; margin:0px; float: left; padding-right:5px; } #categoryp ul li:last-child:after { content:""; } #categoryp ul li:after { content:" >"; color:#fff; } #categoryp ul a { text-decoration:none; color: #ddd; } #comments {} #title { background: #006f61; padding: 10px 20px; color: #fff; font-size: 22px; font-family: Open sans,sans-serif; } #date { float: right; margin: 0px; color: #ddd; padding: 12px; padding-left: 5px; } #tags { float: left; width: 100%; color:transparent; margin-top: 40px; } #tags a { text-decoration: none; background: #eee; color: #555; border: 1px solid #ddd; padding: 2px 2px; margin: 4px 0px; display: -webkit-inline-box; border-radius: 3px; font-size: 13px; } #tags a:hover { text-decoration:none; background: #ddd; } #infobottom { float:left; width: 100%; font-size: 14px; background: #333; box-shadow: inset 0px 0px 128px -50px #000; } #authorp { float: left; padding: 12px; color: #ddd; } #commentspost { float:left; width: 100%; margin-top: 40px; } #commentspost .navigation { width:100%; float:left; margin:10px 0px; margin-bottom:20px; } #commentspost .navigation a { color:#111; font-family:Helvetica,sans-serif; font-size:15px; } #commentspost .comment-respond textarea { resize:none; border:1px solid #ccc; box-shadow:inset 0px 0px 10px -5px #333; outline: none; } #commentspost .comment-respond { } #commentspost input[type="text"] { border:1px solid #ccc; box-shadow:inset 0px 0px 10px -5px #333; outline: none; padding:5px; width:200px; color: #555; font-family: Helvetica,sans-serif; } #commentspost .comment-respond .commentmetadata a { text-decoration:none; font-size:12px; } #commentspost .comment-respond .comment-form-comment { margin:0px; } #commentspost .comment-respond .comment-form-comment label { width:100%; float: left; margin-bottom: 10px; } #commentspost .comment-respond .reply a{ text-decoration:none; font-size:12px; } #commentspost .comment-respond h3 { color: #006f61; } .form-submit input[type="submit"]{ padding:10px; background:#333; color:#fff; border:none; cursor: pointer; font-family: Open sans,sans-serif; font-size: 13px; border-radius: 3px; } .form-submit input[type="submit"]:hover { background: #00443b; } /* calendar widget */ .widget_calendar {float: left;} #wp-calendar {width: 100%; } #wp-calendar caption {text-align: right;color: #333;font-size: 12px;/* margin-top: 10px; */margin-bottom: 15px;} #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td {background: #eee;border: 1px solid #fff;text-align: center;padding:8px;} #wp-calendar tbody td:hover {background: #333;color: #eee;} #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } #postpage table { border-collapse: collapse; } #postpage table td {padding:5px;color:#666;font-size: 14px;} #postpage table td img,#postpage table th img {max-width:100%;} #postpage table td:nth-child(odd) { } #postpage table { font-size:16px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-collapse: collapse; border-spacing: 0; width: 100%; } #postpage td, #postpage th { border: 1px solid #ddd; text-align: left; padding: 8px; } #postpage tr:nth-child(even){background-color: #f2f2f2} #postpage th { padding-top: 11px; padding-bottom: 11px; background-color: #009280; color: white; } #postpage table { margin-top: 20px; margin-bottom: 40px; border-collapse: collapse; border-spacing: 0; width: 100%; } #postpage table , #postpage table t th, #postpage table t td { padding: 8px; text-align: left; } #postpage table { font-size:15px; margin-top: 20px; margin-bottom: 40px; border-collapse: collapse; width: 100%; } #postpage table , #postpage table th, #postpage table td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; } #postpage table { border: 1px solid #ddd; margin-top: 20px; margin-bottom: 40px; border-collapse: collapse; border-spacing: 0; width: 100%; } #postpage table , #postpage table th, #postpage table td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; } #postpage table { margin-top: 20px; margin-bottom: 40px; border-collapse: collapse; width: 100%; } #postpage table , #postpage table th, #postpage table td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; } #postpage table #postpage table { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; margin-top: 20px; margin-bottom: 40px; border-collapse: collapse; border-spacing: 0; width: 100%; } #postpage table , #postpage table th, #postpage table td { border: none; text-align: left; padding: 8px; } #postpage table tbody tr:nth-child(even) { background-color: #f2f2f2 } #postpage table { margin-top: 20px; margin-bottom: 40px; border-collapse: collapse; border-spacing: 0; width: 100%; } #postpage table , #postpage table th, #postpage table td { border: none; text-align: left; padding: 6px; font-size: 95%; } #postpage table tbody tr:nth-child(even) { background-color: #f2f2f2 } #postpage tr { background:#ddd; border-bottom: 1px solid #eee; margin:0px; } #postpage tr th { color: #f5f5f5; } #commentspost ol li { margin: 20px 0px; } #pageb { float:left; width: 935px; margin-top:80px; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); } #pagecontent { float: left; padding: 25px; } #pageinf { float: left; width: 100%; } #pageinf a { text-decoration:none; padding: 20px 20px 10px 20px; float: left; color: #333; font-size: 30px; } #postpage blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; font-family: Raleway,sans-serif; font-size: 16px; } #postpage blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } #postpage blockquote p { } .postnavlink { float:right; margin-right:20px; color:transparent; } .postnavlink a { float: left; text-decoration: none; font-size: 13px; color: #888; margin: 0px; margin-right: 20px; font-weight:bold; } .postnavlink a:hover { color:#555; } .postnavlinkurl { width: 100%; float: left; } #pagebc { margin:0px auto; width: 935px; } #socialbar { float:left; position: relative; top: 130px; left: 400px; } .scicon { float:left; padding:3px; font-size:20px; cursor: pointer; } .scicon:hover i { color:#333; } #followus { float:left; position: relative; display: none; /* left: -25px; */ font-size: 15px; } #followus p { margin: 6px; margin-right: 2px; font-weight: 300; } .fc i { color:#3b5999; } .tw i { color:#55acee; } .gg i { color:#dd4b39; } .pt i { color:#bd081c; } .yt i { color:#cd201f; } .searchsbmt:hover #searchbutton i { color:#333; } .searchsbmt { padding: 5px 15px 5px 5px; height: 38px; border: none; margin-top: 3px; background:transparent; color: #006f61; float: left; font-size: 20px; cursor:pointer; } .articlefgsch { background: #fff; width: 360px; width: 46%; height: 170px; float: left; margin-right: 15px; margin-bottom: 15px; overflow:hidden; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .articleimgsch { float: left; width: 150px; width: 45%; background: #fff; height: 154px; overflow: hidden; margin: 8px; } .articletextsch { font-size: 13px; float: left; width: 174px; width: 48%; padding: 5px 5px; height: 100px; color: #555; overflow: hidden; background: #fff; font-family: Open sans,sans-serif; line-height: 18px; display: block; max-width: 200px; } .articleimgsch img { width: 115%; height: 100%; margin-left: -10px; } .articletitlesch { position: relative; float: left; text-overflow: ellipsis; width: 48%; margin-top: 8px; padding: 6px; font-size: 90%; padding-left: 10px; color: #006f61; border-bottom: 1px solid rgba(0, 111, 97, 0.49); font-weight: 600; height: 54px; font-family: Open sans,sans-serif; overflow: hidden; transition:0.8s color; } .articletitlesch:hover {text-shadow: 0px 0px 1px #fff;} .articletitlefrstsch { float:left; margin: 0px; max-width: 300px; font-family: Open sans,sans-serif; height: 44px; overflow: hidden; font-size: 15px; } .articlecategorysch { float: left; width: 210px; background: #fff; background: rgba(230, 230, 250, 0.9); } .articledatesch {} #articlesch { float: left; width: 765px; margin-top: 80px; } #articlepagesch { } .articlereadmrsch { float: right; top: 3px; position: relative; cursor: pointer; font-weight: 400; padding: 10px; text-shadow: 0px 0px 1px #bbb; color: #007b6c; font-size: 13px; border-top-left-radius: 2px; } .readcbksch { background: #009a87; background: #fff; border-top: 1px solid #ccc; width: 360px; height: 20px; position: relative; top: 97px; left: -150px; } .titlearticlesch { float:left; padding: 10px; padding-bottom: 0px; width: 190px; color: #555; font-size: 13px; height: 78px; overflow: hidden; } .articlebysch { font-size: 13px; padding: 4px; color: #f2f2f2; background: #006f61; font-weight: 100; position: absolute; margin-top: 129px; max-width: 130px; text-align: center; } .articlebcsch { float: left; margin-bottom: 2px; } .articlebyinsch { float: right; } .articlebysch span { padding-bottom: 0px; margin-bottom: 0px; overflow: hidden; } .articleimgshadowsch { width: 150px; height: 154px; position: absolute; } #searchpage { margin-top:80px; width:750px; width: 70%; min-width: 68%; float: left; } #searchresults { float:left; width: 100%; font-size: 20px; font-family: Open sans,sans-serif; font-weight: 500; color: #555; } #notfound { text-align:center; float: left; width: 100%; color: #555; font-size: 25px; position: relative; top: 100px; } #page-not-found { width: 100%; float: left; } #foundpage { float: left; width: 100%; text-align: center; font-family: Open sans,sans-serif; } #foundpage h2 { font-size: 180px; margin: 40px; margin-bottom: 0px; color: #222; text-shadow: 0px 2px 2px #999; } #foundpage h4 { margin: 0px 0px 50px 0px; font-size: 40px; color: #222; } .show-main-menu { font-family: Open sans, Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; background: #006f61; cursor:pointer; text-align: center; padding: 10px 0; display: none; width: 100%; float: left; } /*Hide checkbox*/ input[type=checkbox]{ display: none; float: left; } /*Show menu when invisible checkbox is checked*/ #icnav #selectornav input[type=checkbox]:checked ~ #leftmenuhome { display: block !important; } .show-menu { font-family: Open sans, Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; background: #111; text-align: center; padding: 10px 0; display: none; width: 100%; float: left; } /*Hide checkbox*/ input[type=checkbox]{ display: none; float: left; } /*Show menu when invisible checkbox is checked*/ #icnav input[type=checkbox]:checked ~ #navmenutwo { display: block !important; } .categorynext { float:left; width:100%; } .alignleft { float:left; margin-right:15px; text-align:left; } .alignright { float:right; margin-left:15px; text-align:right; } .aligncenter { text-align:center; margin:0 auto; } #postpage article.art-content ul { margin-left: 15px; } #postpage article.art-content ul li { list-style: disc; line-height: 1;} #postpage .review-wrap-up ul li { list-style: none !important;} #postpage article {padding: 2.188em;padding-top: 0;font-size: 16px;line-height: 1.4;} #postpage var { font-weight: bold; font-style: italic; } #postpage dl dt { font-weight: bold; font-size: 14px; } #postpage dl dd { font-size: 13px; margin-top: 0; margin-bottom: 10px; } #postpage cite, #postpage q { font-style: italic; } #postpage code, #postpage var{ background: #eee; border-radius: 3px; padding: 0px 3px;} #postpage sub, #postpage sup { font-size: 50%; } #postpage sup { vertical-align: super; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* == WP CSS - post_class() == */ .post-id {} .post {} .page {} .attachment {} .sticky {} .hentry {} .category-misc {} .category-example {} .tag-news {} .tag-wordpress {} .tag-markup {} .gallery-caption {} .bypostauthor{color: green;} .comment-author-admin{ background-color:#f3f3f3; color:white; } #comments{float:left;display:inline-block;width:105%;} #comments li{list-style:none;} .commentlist { list-style-type: none; } h4#comments { font-size: 20px; color: #333; } #comments h4#commentss{border:1px solid #DDDDDD;margin:2px 0px 8px 0px;box-shadow:2px 2px 0 #BBBBBB;padding:4px 7px 4px 7px;width:610px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .text-comments{border:1px solid #DDDDDD;margin:0px 0px 10px -1px;box-shadow:2px 2px 0 #BBBBBB;padding:4px 7px 4px 7px;max-width:97.5% !important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .text-comments p{margin:0px 0px 0px 0px;} a.comment-reply-link{border: 1px solid #DDD;display:inline-block;padding: 3px 10px;font-size:smaller;float:none;-webkit-border-radius:0px 5px 0px 0px;-moz-border-radius:0px 5px 0px 0px;border-radius: 5px;} ul.children{padding:0px 0px 0px 60px !important;} h3#comments{background:#EEEEEE;border-bottom:1px solid #DDDDDD;border-top:1px solid #DDDDDD;display:inline-block;padding:5px;width:558px;} cite.fn{font-style:normal;font-size:12px;font-weight:bold;margin:5px 0px 0px 0px;display:inline-block;} .avatar{float:left;margin:3px 7px 0px 1px;border:1px solid #dddddd;padding:2px;} .commentmetadata{font-size:11px;display:inline-block;margin:0px 0px -20px 0px;} .vcard{margin:0px 0px 0px 0px;} .commentbody{margin:0px 0px -11px 0px;} ol.commentlist{padding:0;width: 100%;display:inline-block;margin:2px 0px 0px 1px;} .commentlist .small {font-size:13px;padding:0px;margin: 0px !important;color: #555;} ol.commentlist p{margin:0;} span.comment-date{color:#AAAAAA;margin:-8px 0px -1px 0px;display:inline-block;} .comment-date a{color:#666666;} em.comment-awaiting-moderation{color:#666666;font-size:11px;font-weight:bold;font-style:normal;margin:12px 0px -6px 0px;display:inline-block;} .authorcomment{} textarea#comment{width: 410px;max-width: 100%;height:100px;resize: none;margin:0px 0px 0px 0px;padding: 8px 8px 5px 8px;border:1px solid #CCC;outline:none;background:#EEE;color: #555;font-family: Helvetica,sans-serif;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} input#submit{background: #006f61;margin:-2px 0px 0px 0px;border:none;padding: 10px 10px 10px 10px;color:white;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} input#submit:hover { background: #05544a; } input#author{padding:5px 6px 5px 6px;margin:0px 0px 8px 0px;border:1px solid #CCC;outline:none;background:#EEEEEE;font-family: Helvetica,sans-serif;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} input#email{padding:5px 6px 5px 6px;margin:0px 0px 8px 0px;border:1px solid #CCC;outline:none;background:#EEEEEE;font-family:arial;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} input#url{padding:5px 6px 5px 6px;margin:0px 0px 8px 0px;border:1px solid #CCC;outline:none;background:#EEEEEE;font-family:arial;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} #respond h4{border:1px solid #DDDDDD;margin:0px 0px 8px 0px;box-shadow:2px 2px 0 #BBBBBB;padding:4px 7px 3px 7px;width:610px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} #respond h4 span.cancel-comment-reply{margin:3px 0px 1px 0px;} #respond{margin: 0px 0px 0px 0px;} #respond p#system-login{margin:-4px 0px -7px 1px;}