Expert Developers for Multilingual Websites

/* ----------------------------------------- */ /* WordPress Archive slug: contractors - start */ /* ----------------------------------------- */ .js-otgs-contractors-list { margin-top:50px; } input[type="button"].reset-button, input[type="button"].reset-button:active, input[type="button"].reset-button:focus, .more-button { background: transparent; padding: 0; border:0; border-radius: 0; box-shadow: none; color: #999; font-size: .85em; margin-top: 15px; } .search-form .select2-search__field { width: 100% !important; } .contractors-search { -webkit-box-shadow: 0 0px 50px 0 rgba(0,0,0,0.08); box-shadow: 0 0px 50px 0 rgba(0,0,0,0.08); margin-top: 50px; border: none; padding: 40px; border-radius: 5px; } .lead{ font-size: 17px; font-weight: 600; margin: 90px 0 50px 0; } .contractors-search .search-form .wpv-submit-trigger { text-transform: none !important; margin-bottom: 10px; margin-top: 42px; } .radio-fancy label:before { width: 14px; height: 14px; border: 1.5px solid #666; top: 3px; } .radio-fancy label { padding-left: 22px; min-height: 22px; } .radio-fancy input[type="radio"]:checked+label:after, .radio-fancy label.checked:after { background: #666; left: 3px; top: 6px; } .form-dark input[type="text"], .contractors-search .search-form input[type="text"], .form-dark select, .contractors-search .search-form select, .form-dark .select2-container .select2-selection, .contractors-search .search-form .select2-container .select2-selection, .form-dark textarea, .contractors-search .search-form textarea { background: #f3f3f3; } .contractors-search [name="wpv-wpcf-how-small-projects-can-you-take"] { margin-inline-start: 22px; } ul.pagination li.active span { color: rgba( 255, 255, 255, 1 ); background-color: rgba( 55, 55, 55, 1 ); padding: 4px 7px 4px 7px; border-radius: 2px; } .pagination { margin: 50px 0 90px 0px; } .page-header { background: url(https://cdn.wpml.org/wp-content/uploads/2020/01/hero-3.png) 100% 100% no-repeat, url(https://cdn.wpml.org/wp-content/uploads/2020/01/cloud-1.png) 0% 110% no-repeat, url(https://cdn.wpml.org/wp-content/uploads/2020/01/bg-WPML.png) 50% 300% no-repeat, linear-gradient(to bottom, #2782ad 0%, #27ac96 100%); background-size: 42%, auto, 35%, auto; } .page-header .wrapper, .page-footer .wrapper, .page-subheader .wrapper { padding-top: 90px; padding-bottom: 90px; background: none; } h1.title{ font-size: 1.8em; margin: .3em 0 1em; font-weight: bold; } p.dscr{ font-size: 16px; color: rgba(255,255,255,.85); margin-bottom:50px; } .numbers{ border-right:1px solid rgba(255,255,255,.3); } .stats>div:last-child { border:none; } .text-center{ font-size:18px; } .widecolumn img { height: auto; margin: 0 auto; display: block; width: 28px; margin-bottom:10px; } .contractor-menu { margin-bottom: 90px; background: linear-gradient(to left, #2782ad 0%, #27ac96 100%); padding: 55px; border-radius: 5px; margin-top: 90px; } .contractor-menu a { color: #fff; opacity: .7; margin-left: 6px; font-size: 16px; } .contractor-menu a:hover { opacity: 1; text-decoration:underline; } .fa-ul { margin-left: 0; } .fa-li{ top: 7px; left: -28px; } .contractor-box { position:relative; border: none; border-bottom:1px solid #ddd; padding: 15px 0 30px 0; margin-bottom: 15px; height:auto; } .menu-inline { } .menu-inline li {display:inline-block;margin-left:40px} .banner-title{ color:#fff; margin-top:0 !important; } .banner-button{ background:#fff; color: #33879e !important; box-shadow:none; opacity:1 !important; } .banner-button:hover{ background:#fff; color: #33879e !important; box-shadow:none; opacity:.8 !important; } .badge img{ margin:0 auto; width: 40px; padding:3px; } .badge{ padding: 0; background: #fff; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; margin-bottom:20px; } a[disabled] { opacity: .65; cursor: not-allowed; } body{ background:#fff; } /* ----------------------------------------- */ /* WordPress Archive slug: contractors - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: loop-item-in-contractors - start */ /* ----------------------------------------- */ a:hover { -webkit-text-decoration: underline; text-decoration: underline; } .contractor-box { position:relative; border: none; border-bottom:1px solid #ddd; padding: 15px 0 30px 0; margin-bottom: 15px; } .contractor-box-country { color: #666; max-width:calc(100% - 37px); text-align:left; border-top:1px solid #e3e3e3; padding-top:10px; font-size: 13px; } .contractor-box-desc { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; /* number of lines to show */ color: #666; font-size: 13px; } .contractor-box h4 { margin:0; margin-bottom:8px; font-weight: 600; font-size: 14px; } .contractor-box-name { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* number of lines to show */ padding-bottom:0; border-bottom:none; margin-bottom:10px; } .contractor-box>div:first-child { position: absolute; right: 20px; width: 30px; } .contractor-box>div:first-child img { width: 30px; height:30px; } .padder { padding:20px 20px 20px; } .contractor-box-name{ font-weight: 600; } /* ----------------------------------------- */ /* Content Template: loop-item-in-contractors - end */ /* ----------------------------------------- */